@charset="UTF-8";
/***************** *******************/
i,em{
font-style: normal;
}
.fl{
float: left;
}
.fr{
float: right;
}
.header {
background:#fff;
width:100%;
height:auto;
z-index:999;
top:0;
}
.header .wx_ic{
float:right;
margin-top: 11px;
position:relative;
}
.header .wx_ic .wxcodehover{
position:absolute;
z-index:11999;
padding:15px;
background:#fff;
display:none;
margin-top: 15px;
}
.header .wx_ic .wxcodehover img{
width:100px;
}
.header .wx_ic:hover .wxcodehover{
display:block;
}
.header .wx_ic p{
float:right;
font-size: 16px;
padding: 0px 8px 0px 6px;
color: #ffffff;
}
.navbar-header {
background-image: linear-gradient(to right, #4186ed , #00bcff);
}
.navbar-toggle {
margin-bottom:6px;
margin-left:6px;
margin-top:6px;
font-size: 20px;
color: #fff;
}
.langlist {
border: solid 1px #f0f0f0;
overflow:hidden;
border-top:none;
background:#fff;
/*margin-left:430px;*/
position:absolute;
z-index:10000;
display:none;
height:0;
top:45px;
left:0;
}
.langlist li {
padding: 0 10px;
}
.langlist li a {
border-bottom: #efefef dashed 1px;
text-align:center;
min-width:100px;
display: block;
height: 42px;
line-height: 42px;
font-size: 15px;
color: #666;
}
.langlist li:last-child a {
border-bottom: none;
}
.langlist.active {
display:block;
height:auto;
}
.header_form {
position:relative;
margin-top:8px;
float:right;
width:178px;
display:block;
}
.header_search {
position:absolute;
border-radius:12px;
padding:0 43px 0 15px;
width:178px;
height:28px;
z-index:1;
}
.header_submit {
background:url(../images/index_one-02.jpg) #fff no-repeat center;
position:absolute;
border:none;
cursor:pointer;
right:15px;
width:18px;
height:18px;
z-index:10;
top:5px;
}
.header_language {
background: url(../images/index_one.png) no-repeat left center;
margin: 0 28px 0 0;
line-height: 28px;
font-size: 16px;
height: 45px;
padding: 8px 0 9px 25px;
color: #fff;
float: right;
display: block;
width: 74px;
cursor:pointer;
position:relative;
}
.header_tel {
margin:8px 38px 0 160px;
line-height:28px;
font-size: 16px;
height:28px;
/*padding-left:25px;*/
color:#fff;
float:right;
display:block;
}
/****************** *********************/
/*--header--*/
.navbar-brand {
margin:0 auto;
display:block;
padding:0;
float: none;
height: 60px;
width:106px;
}
.navbar-brand img {
height:60px;
}
.navbar-search {
display:block;
margin:6px 4px;
padding:12px;
height:48px;
}
.navbar-collapse {
padding:0;
}
.navbar {
margin-bottom:0;
}
.navbar-nav {
margin:0;
}
.navbar-nav > li {
border-bottom:solid 1px #eee;
}
.navbar-nav > li > a {
font-size:16px;
line-height:26px;
padding: 10px 17px;
text-align:center;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #00bcff;
color:#fff;
}
.nav > li > a:hover, .nav > li > a:focus {
background-color: #00bcff;
color:#fff;
}
.navbar-nav .open .dropdown-menu {
padding:0;
}
.navbar-nav .open .dropdown-menu > li {
border-top:solid 1px #fff;
}
.navbar-nav .open .dropdown-menu > li > a {
background-color: #00bcff;
text-align:center;
padding: 10px 17px;
line-height: 26px;
font-size:14px;
color:#fff;
}
/*--end header--*/
/****************** *********************/
/*.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left: 0;
}
.navbar-brand {
margin-top:29px;
display:block;
float:left;
padding:0;
}
.navbar-collapse {
padding:0;
}
.navbar-nav {
margin-top:29px;
}
.navbar-nav > li > a {
font-size:16px;
padding: 10px 17px;
color:#fff;
}
.nav > li > a:hover, .nav > li > a:focus {
background: none;
color:#ea5413;
border:none;
}
.dropdown-menu {
background:url(../images/nav_bg.png) repeat center;
overflow:hidden;
animation: navOff 2s;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
animation: navOn 2s;
}
.dropdown-menu > li > a {
line-height: 42px;
font-size:14px;
color:#fff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #fff;
background-color: #ea5413;
}*/
/****************** */
.ind_iconlist {
background:#fff;
}
.ind_iconlist li {
padding:15px 10px;
}
.ind_iconlist li a {
text-align:center;
line-height:28px;
display:block;
}
.slide-text {
padding-top:155px;
}
.slide-text > p.bannerTitle {
font-family:arial;
text-transform:uppercase;
margin-bottom: 0;
line-height:94px;
font-size:94px;
color:#fff;
}
.slide-text > p.bannerSecTitle {
font-weight:bold;
line-height:52px;
margin-bottom: 0;
font-size:30px;
color:#fff;
}
.slide-text > p.bannerText {
margin-bottom: 0;
line-height:28px;
font-size:18px;
color:#fff;
}
.slide-text a {
text-align:center;
display:block;
line-height:42px;
height:42px;
width:158px;
color:#fff;
font-size:16px;
background:#2449a4;
border-radius:20px;
text-decoration:none;
margin-top:42px;
}
.slide-text > a.btn-default {
background-image: linear-gradient(to right, #054c9f , #1b9cd8);
color:#fff !important;
line-height:42px;
font-size:16px;
padding:0;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
box-shadow:-2px 4px 20px 0 #1ba3db;
background:#2449a4;
color:#fff;
}
.slide-text > a:hover, .slide-text > a:active{
box-shadow:-2px 4px 20px 0 #1ba3db;
background:#2449a4 !important;
color:#fff;
}
.indmob_titline {
border-top:solid 10px #e2e2e2;
padding:11px 18px;
height:50px;
}
.indmob_titline .cntitle {
border-left:solid 5px #4186ed;
padding-left:6px;
line-height:18px;
font-size:14px;
color:#4186ed;
float:left;
}
.indmob_titline .more {
line-height:18px;
font-size:14px;
float:right;
color:#bbb;
}
.ind_video video {
height:213px;
width:100%;
}
.ind_pro_tab {
border-bottom:none;
padding:0 7px;
}
.ind_pro_tab li {
border-bottom:none;
padding:22px 7px 0;
}
.ind_pro_tab li a {
background:url(../images/mob_indpro_bg.jpg) repeat-x center top;
background-size:auto 89px;
border-radius:10px;
display:block;
padding:0;
margin-right: 0;
padding-bottom:3px;
border:none;
cursor:pointer;
}
.ind_pro_tab li a .ind_pro_simg {
/*border:solid 1px #d2d2d2;*/
/*width: 275px;
height:124px;*/
padding:0;
}
.ind_pro_tab li a .ind_pro_simg img {
/*background:#fff;*/
height:81px;
width:100%;
display:block;
}
.ind_pro_tab li a p {
margin-top:2px;
text-align:center;
line-height:32px;
font-size:16px;
color:#444;
}
.ind_pro_tab li.active a p{
color:#fff;
}
.ind_pro .mobmore {
padding:0 14px;
margin:22px 0 16px;
}
.ind_pro .mobmore a {
border:solid 1px #368ff0;
border-radius:6px;
text-align:center;
line-height:36px;
font-size:14px;
color:#368ff0;
display:block;
}
.ind_pro_tab > li.active > a, .ind_pro_tab > li.active > a:hover, .ind_pro_tab > li.active > a:focus {
background:none;
border:none;
}
.ind_pro_tab > li.active > a, .ind_pro_tab > li.active > a:hover, .ind_pro_tab > li.active > a:focus {
/* background: url(../images/probg_act.jpg) no-repeat center bottom; */
cursor:pointer;
}
.ind_pro_title {
line-height:40px;
font-size:20px;
color:#000;
}
.ind_pro_secfl{
display: inline-block;
}
.ind_pro_secfr{
display: inline-block;
float: right;
min-width: 600px;
max-width: 600px;
}
.ind_pro_secfr img{
max-width: 100%;
max-height: 500px;
}
.ind_pro_sectitle {
margin-bottom:36px;
/*font-weight:bold;*/
line-height:50px;
font-size:46px;
color: #1b3aae;
}
.ind_pro_text {
text-align:justify;
line-height:30px;
font-size:14px;
color:#5c5c5c;
width: 448px;
}
.ind_pro_more {
background: #1b3aae;
margin-top:38px;
text-align:center;
line-height:36px;
font-size:16px;
display:block;
color:#fff;
width:142px;
height:38px;
}
.ind_secblock {
background:url(../images/index_two_bg-02.jpg) no-repeat center 430px;
height:1660px;
}
.ind_adva {
background:url(../images/index_three_bg-02.jpg) no-repeat center;
padding: 60px 0px 30px;
/*height: 560px;*/
}
.ind_black_title {
/*animation: fadeinB 1s;*/
text-align:center;
line-height:56px;
font-size:26px;
color:#1564ff;
/*color:#000;*/
}
.ind_sectitle {
/*animation: fadeinB 1s;*/
text-align:center;
line-height:30px;
font-size:16px;
color:#646464;
width:1050px;
margin:0 auto;
}
.title_underline {
background:url(../images/ind_border.png) no-repeat center;
/*animation: fadeinB 1s;*/
margin:8px auto 10px;
height:3px;
width:38px;
}
.ind_adva ul {
/*overflow:hidden;*/
/* -webkit-transform:translateX(-50%); */
-moz-transform:translateX(-50%);
/* transform:translateX(-50%); */
/* position:relative; */
/* margin:46px 0 0; */
/* height:330px; */
/* float:left; */
/* left:50%; */
}
.ind_adva ul li {
position:relative;
margin-left:32px;
text-align:center;
display:block;
float:left;
height:330px;
width:270px;
}
.ind_adva ul li:first-child {
margin-left:0;
}
.ind_adva ul li:nth-child(4) {
margin-right:0;
}
.ind_adva ul li a {
/*background:url(../images/index_three_bg-02.png) repeat center;*/
background-repeat:no-repeat,repeat,no-repeat;
background-position:center 45px,center,center;
padding:148px 0 0;
cursor:pointer;
display:block;
height:330px;
width:270px;
color:#fff;
}
.ind_adva ul li a:hover {
background-image:url(../images/index_three_bg.png);
color:#fff;
}
.ind_adva ul li a:hover .ind_advalist_title .entitle {
border-left:solid 1px #fff;
}
.ind_adva ul li .more {
border:solid 1px #fff;
position:absolute;
line-height:24px;
margin-left:-42px;
text-align:center;
display:block;
font-size:12px;
color:#fff;
width:82px;
bottom:50px;
left:50%;
}
.ind_adva ul li a:hover .more {
background:#fff;
color:#1564ff;
}
/*.ind_adva ul li:nth-child(1) {
animation-fill-mode: both;
animation: fadeinB 1s;
}
.ind_adva ul li:nth-child(2) {
animation-fill-mode: both;
animation: fadeinB 1.5s;
}
.ind_adva ul li:nth-child(3) {
animation-fill-mode: both;
animation: fadeinB 2s;
}
.ind_adva ul li:nth-child(4) {
animation-fill-mode: both;
animation: fadeinB 2.5s;
}*/
.ind_adva ul li:nth-child(5) {
/*animation-fill-mode: both;
animation: fadeinB 3s;*/
margin-right:0;
}
.ind_advalist_icon {
height:104px;
width:104px;
}
.ind_advalist_title {
/*padding-right:62px;*/
position:relative;
/*margin-bottom:25px;
margin-top:15px;*/
}
.ind_advalist_title .cntitle {
line-height: 30px;
font-size: 24px;
}
.ind_advalist_title .entitle {
position:absolute;
text-align:left;
text-transform:uppercase;
border-left:solid 1px #3dc1ff;
padding-left:10px;
line-height:15px;
font-size:10px;
margin-top:-12px;
left:50%;
top:50%;
}
.ind_advalist_text {
font-weight:bold;
line-height:30px;
font-size:24px;
}
.ind_adva_remark {
/*animation: fadeinB 1s;*/
margin-top:6px;
text-align:center;
line-height:56px;
font-size:16px;
color:#646464;
}
.ind_cus .tab-content {
background:#fff;
/*animation: fadeinB 2s;*/
position:relative;
height:376px;
margin:-190px auto 0;
padding:214px 250px 0;
width:1084px;
}
.ind_cus .tab-content .active {
animation: indcusText 1s ease-out;
}
.ind_cus_title {
color:#343434;
font-size:24px;
line-height:40px;
/*margin-top:42px;*/
}
.ind_cus_text {
color:#717171;
line-height:26px;
margin-top:8px;
text-align:justify;
max-height:78px;
}
a.ind_cus_more {
background: #1564ff;
cursor:pointer;
margin-left:-94px;
position: absolute;
text-align:center;
display:block;
line-height:42px;
height:42px;
width:188px;
color:#fff;
font-size:16px;
text-decoration:none;
margin-top:42px;
bottom: -21px;
left:50%;
}
a.ind_cus_more:hover {
border:solid 1px #1564ff;
background: #fff;
line-height:40px;
height:42px;
width:188px;
color:#1564ff;
}
.ind_cus_tab {
padding:0 17px 12px;
border:none;
}
.ind_cus_tab li {
}
.ind_cus_tab li a {
border-top:solid 1px #bfbfbf;
padding:12px 0;
margin:0 -4px;
}
.ind_cus_tab li:first-child a {
border-top:none;
padding-top:0;
}
.ind_cus_tab li a .img {
padding:4px;
}
.ind_cus_tab li a .img img {
border-radius:6px;
}
.ind_cus_tab li a .tablist_info {
padding:0 4px;
}
.ind_cus_tab li a .tablist_info_title {
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
line-height:22px;
font-size:14px;
color:#343434;
height:22px;
}
/*.ind_cus_tab li a .tablist_info_title {
line-height:26px;
font-size:16px;
color:#343434;
height:52px;
}*/
.ind_cus_tab li a .tablist_info_text {
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
line-height:18px;
font-size:12px;
color:#969696;
height:18px;
}
.ind_cus_tab li a .tablist_info_more {
padding:12px 6px 0;
}
.ind_cus_tab li a .tablist_info_more span {
background-image: linear-gradient(to right, #03479e , #1ba3de);
border-radius:6px;
text-align:center;
line-height:20px;
font-size:12px;
display:block;
height:20px;
color:#fff;
}
.ind_cus_tab li a p {
line-height:38px;
font-size:16px;
color:#444;
}
.ind_cus_tab > li.active {
margin-top:0;
height:333px;
width:336px;
}
.ind_cus_tab > li.active > a, .ind_cus_tab > li.active > a:hover, .ind_cus_tab > li.active > a:focus {
border:none;
margin-right: 0;
border-radius:0;
border-bottom:solid 8px #1564ff;
animation: indcusNoActive 1s;
position:relative;
overflow:hidden;
height:333px;
width:336px;
z-index:1;
padding:0;
cursor:pointer;
}
.ind_cus_tab > li.active > a img, .ind_cus_tab > li.active > a:hover img, .ind_cus_tab > li.active > a:focus img {
height:252px;
width:336px;
}
/* */
@-webkit-keyframes indcusActive{
0%{margin:0;}
50%{margin:0 -34px;}
100%{margin:-48px -34px -141px;}
}
@-moz-keyframes indcusActive{
0%{margin:0;}
50%{margin:0 -34px;}
100%{margin:-48px -34px -141px;}
}
@-ms-keyframes indcusActive{
0%{margin:0;}
50%{margin:0 -34px;}
100%{margin:-48px -34px -141px;}
}
@keyframes indcusActive{
0%{margin:0;}
50%{margin:0 -34px;}
100%{margin:-48px -34px -141px;}
}
/* */
@-webkit-keyframes indcusNoActive{
100%{margin:0;}
50%{margin:0 -34px;}
0%{margin:-48px -34px -141px;}
}
@-moz-keyframes indcusNoActive{
100%{margin:0;}
50%{margin:0 -34px;}
0%{margin:-48px -34px -141px;}
}
@-ms-keyframes indcusNoActive{
100%{margin:0;}
50%{margin:0 -34px;}
0%{margin:-48px -34px -141px;}
}
@keyframes indcusNoActive{
100%{margin:0;}
50%{margin:0 -34px;}
0%{margin:-48px -34px -141px;}
}
/**/
@-webkit-keyframes indcusText{
0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes indcusText{
0%{opacity:0;}
100%{opacity:1;}
}
@-ms-keyframes indcusText{
0%{opacity:0;}
100%{opacity:1;}
}
@keyframes indcusText{
0%{opacity:0;}
100%{opacity:1;}
}
.ind_wise_title {
/*animation: fadeinB 1s;*/
text-align:center;
font-size:26px;
line-height:52px;
color:#fff;
}
.ind_wise_logoblock {
/*animation: fadeinB 1s;*/
margin:49px auto 0;
position:relative;
height:335px;
width:335px;
}
.ind_wise_logo, .ind_wise_circle {
position:absolute;
}
.ind_wise_circle {
animation: spin 5s linear infinite;
height:335px;
width:335px;
}
@-webkit-keyframes spin {
0% { transform: rotate(360deg); }
100% { transform: rotate(0deg); }
}
@-moz-keyframes spin {
0% { transform: rotate(360deg); }
100% { transform: rotate(0deg); }
}
@-ms-keyframes spin {
0% { transform: rotate(360deg); }
100% { transform: rotate(0deg); }
}
@keyframes spin {
0% { transform: rotate(360deg); }
100% { transform: rotate(0deg); }
}
.ind_wise_content ul {
padding:0 17px;
}
.ind_wise_content li {
background:url(../images/mob_border-02.jpg) no-repeat center 45px,url(../edimg/mob_border.jpg) no-repeat right 22px;
background-size:15px auto,auto 25px;
padding:14px 15px 7px;
}
.ind_wise_content li:nth-child(3n) {
background:url(../images/mob_border-02.jpg) no-repeat center 45px;
background-size:15px auto;
}
.ind_wise_content li:nth-child(n+4) {
border-top:solid 1px #a6a6a6;
}
/*.ind_wise_content li:first-child {
animation: fadeinB 1s;
}
.ind_wise_content li:nth-child(2) {
animation: fadeinB 1.5s;
}
.ind_wise_content li:nth-child(3) {
animation: fadeinB 2s;
}
.ind_wise_content li:nth-child(4) {
animation: fadeinB 2.5s;
}
.ind_wise_content li:nth-child(5) {
animation: fadeinB 3s;
}*/
.ind_wise_content li:nth-child(6) {
/*animation: fadeinB 3.5s;*/
margin-right:0;
}
.ind_wise_content li p {
margin-top:2px;
text-align:center;
line-height:14px;
font-size:12px;
color:#6e6e6e;
}
.ind_wise_content li .counter-value {
text-align:center;
font-family:arial;
margin-bottom:1px;
line-height:30px;
font-size:20px;
color:#4186ed;
padding:0;
}
.ind_wise_content li .plus {
background:url(../images/ind_wise_plus.png) no-repeat right 3px;
padding-right:28px;
margin-right:-28px;
}
.ind_wise_content li:nth-child(6) .plus {
padding-right:12px;
margin-right:-12px;
}
.ind_about {
background: url(../images/index_three_bg-05.jpg) no-repeat center 0;
position:relative;
height:auto;
z-index:10;
}
.ind_abo_logo {
display:block;
margin:0 auto;
/*padding:18px 0 14px;*/
}
.ind_abo_title {
line-height:74px;
color:#000;
font-size:26px;
}
.ind_abo_text {
margin-top:9px;
text-align:justify;
line-height:24px;
color:#aeaeae;
}
.ind_abo_more {
margin-top:195px;
display:block;
}
.ind_aboiconlist {
background:#fff;
padding:7px 14px 18px;
}
.ind_aboiconlist li {
padding:3px;
}
.ind_aboiconlist li a {
background-repeat:no-repeat,repeat,no-repeat;
background-size:19px,cover,cover;
background-position:center 85px,center,center;
position:relative;
border-radius:6px;
text-align:center;
padding:20px 5px;
display:block;
height:113px;
}
.ind_aboiconlist li a img {
margin:0 auto;
height:25px;
width:48px;
}
.ind_aboiconlist li a p {
margin-top:5px;
line-height:22px;
font-size:12px;
color:#fff;
}
.ind_news .carousel {
padding:0 17px 29px;
}
.ind_news .carousel-indicators li {
display: inline-block;
width: 12px;
height: 5px;
margin: 0 1px;
text-indent: -999px;
border: 1px solid #aaa;
border-radius: 4px;
cursor: pointer;
background-color: #fff;
}
.ind_news .carousel-indicators .active {
margin: 0 1px;
width: 12px;
height: 5px;
border: 1px solid #4087ed;
background-color: #4087ed;
}
.ind_news_title {
overflow:hidden;
text-decoration:none;
line-height:26px;
font-size:14px;
color:#000;
height:26px;
}
.ind_honor {
/*background:url(../images/index_one-16.jpg) no-repeat top center;*/
padding:62px 0 0;
height:800px;
}
.ind_honor_sectitle {
text-transform:uppercase;
margin-top: -7px;
text-align:center;
font-size:16px;
line-height:22px;
color:#fff;
}
.ind_ctac {
position:relative;
height:700px;
}
.ind_ctac_BG {
background:url(../images/index_one-18.jpg) no-repeat center top;
height:700px;
}
.ind_ctac_main {
background:url(../images/mob_indctat.jpg) center;
background-size:cover;
padding:25px 0;
height:247px;
}
.ind_ctac_title {
margin-top:8px;
text-align:center;
line-height:26px;
font-size:16px;
color:#fff;
}
.ind_ctac_sectitle {
font-family:arial;
text-align:center;
line-height:46px;
font-size:28px;
color:#1dabe4;
}
.ind_ctac_tel {
text-align:center;
line-height:20px;
font-size:12px;
color:#fff;
}
.ind_ctac_tel span {
color:#1dabe4;
}
.ind_ctac_more {
background-image: linear-gradient(to right, #3193f1 , #07affd);
border-radius:6px;
margin:23px auto 0;
text-align:center;
line-height:30px;
font-size:16px;
display:block;
width:200px;
color:#fff;
}
/****************** *********************/
.banner {
height:calc(100vw * 954 / 1920);
overflow:hidden;
width:100%;
}
.banner .bs-slider {
max-height:954px;
}
.video_banner {
position:relative;
}
.video_banner img {
position:relative;
z-index:1;
width: 100%;
}
.banner_main {
position:absolute;
text-align:center;
bottom:155px;
width:100%;
color:#fff;
z-index:10;
}
.banner_entitle {
/*animation: fadeinB 2s;*/
font-family:arial;
text-transform:uppercase;
line-height:133px;
font-size:80px;
}
.banner_border {
/*animation: fadeinB 2s;*/
margin:0 auto;
background:#fff;
height:4px;
width:62px;
}
.banner_cntitle {
/*animation: fadeinB 2s;*/
line-height:76px;
font-size:30px;
}
.inner_nav {
/*border-bottom:solid 1px #efefef;*/
background:url(../images/video-02.jpg) no-repeat left 20px;
padding:16px 14px;
line-height:22px;
font-size: 17px;
margin-top:7px;
color:#aeaeae;
}
.panel-body{}
.panel-body .metas-title{
text-align: center;
}
.video_banner ul {
position:absolute;
z-index:10;
bottom:0;
left:50%;
}
.videosort,.aboutsort {
margin-left:-585px;
width:1171px;
}
.video_banner ul li {
/*animation: fadeinB 2s;*/
float:left;
width:195px;
height:68px;
}
.video_banner ul li a {
border:solid 1px #e5e5e5;
border-left:none;
text-align:center;
background:#fff;
display:block;
line-height:66px;
font-size:16px;
color:#1a1a1a;
width:195px;
height:68px;
}
.video_banner ul li:first-child a {
border-left: solid 1px #e5e5e5;
}
.video_banner ul li a:hover, .video_banner ul li a.active {
/*background:url(../images/news-03.jpg) #fff no-repeat center bottom;*/
/*border-bottom:solid 1px #2449a4;
border-top:solid 1px #2449a4;*/
background:#1564ff;
color:#fff;
}
/*.video_banner ul li:first-child a:hover {
border-left: solid 1px #2449a4;
}
.video_banner ul li:last-child a:hover {
border-right: solid 1px #2449a4;
}*/
.aboutsort li {
width:25% !important;
}
.aboutsort li a {
width:100% !important;
}
.model_Nav {
position:fixed;
width:186px;
top:98px;
z-index:99;
right:-150px;
}
.model_Nav.inactive {
right:-150px;
}
.model_Nav.active {
right:0;
}
.model_Nav_btn {
background-image: linear-gradient(to right, #01bcff , #3690f0);
border-bottom-left-radius:10px;
border-top-left-radius:10px;
margin-top:-69px;
position:absolute;
padding-left:4px;
height:138px;
width:36px;
top:50%;
z-index:99;
left:0;
}
.model_Nav_btn a {
background:url(../images/mob_abicon.png) no-repeat center 19px;
background-size:17px 17px;
writing-mode:vertical-rl;
padding-top:8px;
text-align:center;
line-height:32px;
height:138px;
display:block;
color:#fff;
}
.model_Nav ul {
border-bottom-left-radius:10px;
border-top-left-radius:10px;
border:solid 1px #e5e5e5;
overflow:hidden;
background:#fff;
float:right;
width:150px;
}
.model_Nav ul li {
border-top:solid 1px #e5e5e5;
}
.model_Nav ul li:first-child {
border-top:none;
}
.model_Nav ul li a {
font-size: 14px;
line-height: 24px;
padding: 9px 17px;
text-align: center;
display:block;
}
.model_Nav ul li.active {
background-image: linear-gradient(to right, #01bcff , #3690f0);
}
.model_Nav ul li.active a {
color:#fff;
}
.mobilelist {
margin:0 0 30px;
padding:0 5px;
}
.mobilelist li {
padding:7px 5px;
}
.mobilelist li a {
border-radius:5px;
display:block;
overflow:hidden;
}
.mob_fontlist {
margin:0 0 30px;
padding:0 5px;
}
.mob_fontlist li {
padding:12px 5px;
}
.mob_fontlist li a {
position:relative;
display:block;
}
.mob_fontlist li a img {
border-radius:5px;
display:block;
overflow:hidden;
}
.mob_fontlist li a p {
text-align:center;
line-height:22px;
margin-top:6px;
font-size:12px;
width:100%;
color:#000;
}
.syslist {
margin:25px 0 30px;
padding:0 5px;
}
.syslist li {
padding:12px 5px;
}
.syslist li a {
border-radius:5px;
background:#fff;
display:block;
overflow:hidden;
}
.syslist li a p {
text-align:center;
line-height:36px;
margin-top:6px;
font-size:12px;
width:100%;
color:#000;
}
.mob_videolist {
margin:0 0 30px;
padding:0 5px;
}
.mob_videolist li {
padding:12px 5px;
}
.mob_videolist li a {
position:relative;
border-radius:5px;
background:#fff;
display:block;
overflow:hidden;
}
.mob_videolist li a img {
border-radius:5px;
display:block;
overflow:hidden;
}
.mob_videolist li a img.video_icon {
margin:-30px 0 0 -30px;
position:absolute;
display:block;
border:none;
height:60px;
width:60px;
z-index:10;
left:50%;
top:50%;
}
.mob_videolist li a p {
text-align:center;
line-height:16px;
padding:5px 8px;
font-size:12px;
width:100%;
color:#000;
}
.ctac_body {
background:url(../images/video-05.png) repeat center;
position:relative;
height:100%;
/*height:816px;*/
}
.ctac_BG {
background:url(../images/video-04.jpg) no-repeat center top;
height:816px;
}
.ctac_main {
/*background:url(../images/video-05.png) repeat center;*/
background: #5d5d5d;
margin-left:-400px;
margin-top:-174px;
position:absolute;
padding:27px 88px;
height:503px;
width:800px;
left:50%;
top:50%;
}
.ctac_cross {
position:absolute;
cursor:pointer;
display:block;
height:20px;
width:20px;
right:15px;
top:15px;
}
.ctac_main .ind_ctac_title {
margin-top:0;
text-align:center;
position:relative;
line-height:26px;
right:auto;
top:auto;
}
.ctac_main .ind_ctac_item {
padding-right:12px;
margin-bottom:22px;
width:312px;
float:left;
}
.ctac_main .ind_ctac_tel {
margin-top:8px;
line-height:26px;
margin-bottom:12px;
font-size:18px;
color:#fff;
}
.ctac_main .ind_ctac_item:nth-child(2n) {
padding-left:12px;
padding-right:0;
text-align:right;
}
.ctac_main .ind_ctac_tel:nth-child(4) {
padding-left:0;
padding-right:12px;
text-align:left;
}
.ctac_main .ind_ctac_tel:nth-child(5) {
padding-left:12px;
padding-right:0;
text-align:right;
}
.ctac_main .ind_ctac_subline .ind_ctac_ask {
float:left;
width:188px;
font-size:14px;
}
/***************** */
.newssort {
margin-left:-195px;
width:391px;
}
.newslist {
padding: 0 10px;
}
.newslist li {
border-top:solid 1px #e5e5e5;
padding:10px 0;
}
.newslist li:first-child {
border-top:none;
}
.newslist_title {
overflow:hidden;
line-height:18px;
font-size:14px;
height:36px;
color:#000;
}
.newslist_title:hover {
color:#1564ff;
}
.newslist_date {
padding-top:16px;
line-height:18px;
font-size:12px;
color:#b3b3b3;
}
.newslist_textline {
overflow:hidden;
margin-top:22px;
height:82px;
}
.newslist_text {
text-align:justify;
line-height:30px;
font-size:14px;
color:#717171;
width:630px;
float:left;
}
.newslist_more {
margin-top:60px;
line-height:30px;
font-size:14px;
color:#1564ff;
float:right;
}
.newslist_more:hover {
color:#1564ff;
}
.article-metas .metas-body {
margin: 20px auto;
}
.article-metas .metas-body .views-num{
text-align: center;
display: block;
}
.article-text{
font-size:16px;
color:#000;
}
.article-text img {
max-width:100%;
}
/***************** *******************/
.prosort {
margin-left:-585px;
width:1171px;
}
.prosort li {
/*width:234px !important;*/
}
.prosort li a {
/*width:234px !important;*/
}
.new_prosort {
margin-left:-585px;
width:1170px;
}
.new_prosort li {
width:167px !important;
}
.new_prosort li a {
width:167px !important;
}
.pro_body {
margin-bottom:54px;
}
.prosearch_btn {
border-bottom-right-radius:10px;
border-top-right-radius:10px;
border: #d5d5d5 1px solid;
background:#fff;
cursor:pointer;
padding: 10px;
width: 62px;
margin-top:-31px;
position:fixed;
z-index:10;
top:50%;
left:0;
}
.prosearch_block {
border: #d5d5d5 1px solid;
padding-bottom: 20px;
background:#fff;
padding-left: 0px;
padding-right: 0px;
width: 252px;
margin-top:-93px;
position:fixed;
z-index:10;
top:50%;
right:-252px;
}
.prosearch_block.active {
animation: prosearchOn 1s linear;
right:83px;
}
.prosearch_block.inactive {
animation: prosearchOff 1s linear;
right:-252px;
}
.prosearch_block I{
position: absolute;
width: 20px;
display: block;
background: url(../images/white_close.png) no-repeat right center;
height: 20px;
top: 2px;
right: 2px;
cursor:pointer;
}
.prosearch_title {
background: #1564ff;
text-align: center;
line-height: 40px;
color: #fff;
font-size: 16px;
}
.prosearch_form {
margin:20px 18px 0;
width:216px;
}
.prosearch_form select {
line-height:32px;
margin:10px 0;
height:32px;
width:216px;
color:#b5b5b5;
font-size:14px;
}
input[name="prosearch"] {
margin:10px 0;
background:#1564ff;
text-align:center;
line-height:32px;
width:216px;
color:#fff;
font-size:14px;
}
/* */
@-webkit-keyframes prosearchOn{
0%{right:-252px;display:block;}
100%{right:83px;}
}
@-moz-keyframes prosearchOn{
0%{right:-252px;display:block;}
100%{right:83px;}
}
@-ms-keyframes prosearchOn{
0%{right:-252px;display:block;}
100%{right:83px;}
}
@keyframes prosearchOn{
0%{right:-252px;display:block;}
100%{right:83px;}
}
/* */
@-webkit-keyframes prosearchOff{
0%{right:83px;display:block;}
100%{right:-252px;display:none;}
}
@-moz-keyframes prosearchOff{
0%{right:83px;display:block;}
100%{right:-252px;display:none;}
}
@-ms-keyframes prosearchOff{
0%{right:83px;display:block;}
100%{right:-252px;display:none;}
}
@keyframes prosearchOff{
0%{right:83px;display:block;}
100%{right:-252px;display:none;}
}
.mob_prolist {
padding:0 5px;
}
.mob_prolist li {
padding:8px 5px;
}
.mob_prolist li .prolist_block {
background:#fff;
border-radius:5px;
overflow:hidden;
padding:12px;
}
.mob_prolist li .prolist_block a .prolist_title {
text-align:center;
line-height:18px;
font-size:12px;
color:#000;
}
.mobpro_btn {
padding-top:5px;
}
.mobpro_btn a {
line-height:14px;
text-align:center;
font-size:0.7rem;
}
.prolist_btnlist {
margin-top:10px;
}
.prolist_btnlist a {
border-radius:5px;
background-position:10px center;
background-repeat:no-repeat;
background-size:14px 14px;
border:solid 1px #b8b8b8;
padding-left: 0;
text-align:center;
line-height:26px;
margin-bottom:8px;
display:block;
height:28px;
color:#b8b8b8;
font-size:12px;
}
.prolist_btnlist a:first-child, .prolist_btnlist a:focus {
border:solid 1px #ff6900;
color:#ff6900;
}
.prolist_btnlist a:first-child i{
background-image:url(../images/products-02.jpg);
}
.prolist_btnlist a:nth-child(2) i{
background-image:url(../images/products-07.jpg);
}
.prolist_btnlist a:nth-child(3) i{
background-image:url(../images/products-08.jpg);
}
.prolist_btnlist a:last-child i{
background-image:url(../images/products-08.jpg);
}
.pro_trast_body {
border:solid 1px #efefef;
background:#fff;
position:fixed;
display:none;
height:175px;
z-index:999;
bottom:0;
}
.pro_trast_titline {
border-bottom:solid 1px #efefef;
padding:7px 10px;
text-align:center;
}
.pro_trast_titline .title {
line-height:22px;
font-size:12px;
color:#000;
}
.pro_trast_titline .hidebtn {
line-height:22px;
font-size:12px;
cursor:pointer;
color:#ff6900;
}
.pro_trast_titline .trast_btn {
line-height:22px;
font-size:12px;
display:block;
color:#ff5800;
}
.pro_trast_titline .clear_btn {
line-height:22px;
font-size:12px;
color:#000;
}
.pro_trast_body ul {
margin-top:9px;
height:119px;
}
.pro_trast_body li {
border-right:solid 1px #efefef;
padding:0 10px;
float:left;
height:119px;
}
.pro_trast_body li a {
text-align:center;
/*height:119px;
width:257px;*/
}
.pro_trast_body li a p {
line-height:20px;
padding:8px 0;
font-size:12px;
color:#000;
}
/***************** *******************/
.gray_BG {
background-color:#f6f6f6;
}
.gray_dark_BG {
background-color:#efefef;
}
.proinfo_BG {
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
position:relative;
padding:20px 0 0;
height:780px;
}
.proinfo_border {
margin:20px auto 22px;
background:#1564ff;
width:56px;
height:3px;
}
.proinfo_twolist {
margin:78px auto 0;
width:1400px;
}
.proinfo_twolist li {
text-align:justify;
border-radius: 6px;
background: rgba(255,255,255,0.6);
padding:20px;
margin:0 75px;
height:300px;
width:550px;
float:left;
}
.proinfo_twolist li .title {
font-weight:bold;
line-height:36px;
font-size:18px;
color:#000;
}
.proinfo_twolist li .text {
margin-top:8px;
line-height:30px;
font-size:16px;
color:#444444;
}
.proinfo_threelist {
padding-top:55px;
margin:0 auto;
width:1090px;
}
.proinfo_threelist li {
text-align:justify;
border-radius: 6px;
background: rgba(255,255,255,0.6);
padding:26px 20px;
margin:0 20px;
height:250px;
width:323px;
float:left;
}
.proinfo_threelist li .title {
font-weight:bold;
line-height:36px;
font-size:18px;
color:#000;
}
.proinfo_threelist li .text {
margin-top:14px;
line-height:30px;
font-size:16px;
color:#444444;
}
.threedlist_BG {
background-size:1768px 718px;
height:718px;
}
.proinfo_threedlist {
margin:0 auto;
padding-top:262px;
width:1090px;
}
.proinfo_threedlist li {
text-align:justify;
border-radius: 6px;
background: rgba(255,255,255,0.6);
padding:26px 20px;
margin:0 20px;
height:250px;
width:323px;
float:left;
}
.proinfo_threedlist li .title {
font-weight:bold;
line-height:36px;
font-size:18px;
color:#000;
}
.proinfo_threedlist li .text {
margin-top:14px;
line-height:30px;
font-size:16px;
color:#444444;
}
.proinfo_BG .about_titline .cntitle {
font-size:28px
}
.proinfo_BG .about_company_text {
margin-right:auto;
margin-left:auto;
font-size: 16px;
width:1050px;
}
.about_company .abouttt{
}
.about_company .abouttt p{
line-height: 2;
font-size: 16px;
}
.about_company .abouttt p strong{
font-size: 18px;
}
.proinfo_BG .threeline {
overflow:hidden;
height:108px;
}
.proinfo_videoblock {
margin:78px auto 0;
width:1170px;
}
.proinfo_video {
border:solid 5px #fff;
height:320px;
width:560px;
}
.proinfo_video video {
background:#000;
height: 310px;
width: 550px;
}
.proinfo_video_only {
border:solid 5px #fff;
margin:0 auto;
height:497px;
width:876px;
overflow:hidden;
}
.proinfo_video_only video {
background:#000;
height: 487px;
width: 866px;
}
.proinfo_onelist {
width:560px;
}
.proinfo_onelist li {
margin-top:54px;
}
.proinfo_onelist li:first-child {
margin-top:-3px;
}
.proinfo_onelist li .title {
font-weight:bold;
line-height:36px;
font-size:18px;
color:#000;
}
.proinfo_onelist li .text {
margin-top:18px;
line-height:24px;
font-size:16px;
color:#000;
}
.proinfo_leftext {
position:absolute;
margin-left:-700px;
margin-top:182px;
width:640px;
left:50%;
}
.proinfo_rightext {
position:absolute;
margin-right:-700px;
margin-top:182px;
width:540px;
right:50%;
}
.proinfo_leftext .about_titline, .proinfo_rightext .about_titline, .proinfo_leftext .about_titline .cntitle, .proinfo_rightext .about_titline .cntitle {
text-align:left;
}
.proinfo_leftext .proinfo_border, .proinfo_rightext .proinfo_border {
margin-left:0;
}
.proinfo_leftext .content, .proinfo_rightext .content {
line-height:36px;
font-size:16px;
color:#444;
}
.proinfo_basicinfo {
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
padding-top:20px;
height:1000px;
}
.proinfo_basicinfo ul {
padding-top:12px;
margin:0 auto;
width:1170px;
}
.proinfo_basicinfo ul li {
border-top:solid 1px #cfcfcf;
padding:26px 0;
}
.proinfo_basicinfo ul li:first-child {
border-top:none;
}
.proinfo_basicinfo ul li .info {
width:700px;
}
.proinfo_basicinfo ul li .info .title {
font-weight:bold;
line-height:36px;
font-size:18px;
color:#0191cd;
}
.proinfo_basicinfo ul li .info .text {
line-height:30px;
font-size:16px;
color:#444444;
}
.proinfo_basicinfo ul li img {
display:block;
height:200px;
width:250px;
}
.proinfo_simg {
margin-left:-960px;
position:relative;
width:1920px;
display:block;
left:50%;
}
.proinfo_simg_btn {
background:#1564ff;
text-align:center;
margin:20px auto 80px;
line-height: 36px;
display:block;
color:#fff;
width:300px;
}
.proinfo_simg_btn:hover {
color:#fff;
}
.proinfo_sample {
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
padding-top:60px;
height:900px;
}
.proinfo_imglist {
margin:40px auto 0;
width:1160px;
}
.proinfo_imglist li {
margin:20px;
height:250px;
width:250px;
float:left;
}
.proinfo_reclist {
margin:40px auto 0;
width:1160px;
}
.proinfo_reclist li {
padding:20px;
float:left;
}
.proinfo_reclist li a {
display:block;
}
.proinfo_reclist li p {
text-align:center;
margin-top: 14px;
line-height: 30px;
font-size: 16px;
color: #444444;
}
.proinfo_paramain {
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
padding:60px 0 150px;
}
.proinfo_paralist {
border-top:solid 1px #0191cd;
margin:40px auto 0;
width:1168px;
}
.proinfo_paralist ul {
border-left:solid 1px #f6f6f6;
width:292px;
float:left;
}
.proinfo_paralist ul li {
text-align:center;
line-height:46px;
font-size:18px;
color:#000;
}
.proinfo_paralist ul li:first-child {
background:#1564ff;
padding:5px 0;
font-size:20px;
color:#fff;
}
.proinfo_paralist ul li:nth-child(2n) {
background:#e9e9e9;
}
.para_remark {
margin:15px auto 0;
line-height:36px;
font-size:18px;
color:#8b8b8b;
width:1400px;
}
.white_Font {
color:#fff !important;
}
/***************** *******************/
.procontrast_main {
margin:50px 0 68px;
}
.procontrast_main ul{
border-right: solid 1px #efefef;
border-top: solid 1px #efefef;
width: 246px;
float: left;
}
.procontrast_main ul.procontrast_titlelist {
border-left: solid 1px #efefef;
background:#f7f7f7;
width:181px;
}
.procontrast_main ul li{
border-bottom: solid 1px #efefef;
/*text-transform:uppercase;*/
padding:14px 6px;
text-align:center;
line-height:22px;
font-size:14px;
height:50px;
color:#000;
}
.procontrast_main ul li img{
height:156px;
margin:0 auto;
display:block;
}
.procontrast_main ul li:first-child{
height:184px;
}
.procontrast_main ul li .sel_prd {
line-height: 32px;
margin: 0 auto;
height: 32px;
width: 216px;
font-size: 14px;
}
/***************** *******************/
.tech_block {
padding:62px 0;
}
.rabimglist {
margin:38px -12px 0;
}
.rabimglist li {
margin:14px;
float:left;
}
.rabimglist li img {
display:block;
height:240px;
width:370px;
}
.tech_main {
padding:16px 0 0 3px;
height:446px;
width:456px;
float:left;
}
.tech_titline {
border-left:solid 4px #b0b0b0;
padding-left:16px;
overflow:hidden;
height:69px;
}
.tech_entitle {
font-family:arial;
text-transform:uppercase;
line-height:18px;
font-size:16px;
color:#b0b0b0;
}
.tech_cntitle {
line-height:72px;
font-size:32px;
color:#000;
}
.tech_text {
color:#717171;
margin-top:40px;
line-height:36px;
font-size:14px;
}
.tech_1stimg {
height:447px;
width:626px;
float:right;
}
.tech_2ndimg {
height:336px;
width:518px;
float:left;
}
.tech_imglist {
margin-top:90px;
height:247px;
width:573px;
float:right;
}
.tech_imglist ul li {
margin-right:50px;
float:left;
}
.tech_imglist ul li:nth-child(2) {
margin-right:0;
}
.tech_imglist ul li a img {
height:157px;
width:261px;
}
.tech_page {
margin-top:74px;
float:right;
}
.tech_page a {
line-height:20px;
font-size:14px;
color:#b0b0b0;
}
.tech_page a:hover {
color:#000;
}
.sys_block {
/*background:#f6f6f6;
height:1230px;*/
}
.sys_block .proinfo_basicinfo {
height:auto;
}
.sys_block .proinfo_basicinfo ul li {
border-bottom:solid 1px #cfcfcf;
border-top:none;
}
.sys_block .proinfo_basicinfo ul li img {
width:auto;
}
.sys_title {
text-align:center;
line-height:48px;
font-size:26px;
color:#000;
}
.sys_1st_border {
margin:30px auto 40px;
background:#1564ff;
width:56px;
height:3px;
}
.sys_text {
/*text-align:center;*/
padding:0 10px;
line-height:26px;
font-size:14px;
color:#717171;
}
.sys_img {
margin:40px 0 100px;
display:block;
}
.sys_list {
padding-top:36px;
}
.sys_list li {
margin:34px 36px 34px 0;
float:left;
}
.sys_list li:nth-child(3n) {
margin-right:0;
}
.sys_list li a {
display:block;
height:244px;
width:365px;
}
.sys_list li a p {
margin-top:20px;
text-align:center;
line-height:18px;
font-size:18px;
color:#000;
}
.sys_list li a img {
display:block;
height:206px;
width:365px;
}
.sys_last_border {
background:#ff6900;
margin:0 auto;
width:366px;
height:4px;
}
.achi_block {
padding:62px 0;
}
.achi_list {
margin-bottom:32px;
padding:0 10px;
}
.achi_list li {
margin:25px 0 0;
float:left;
}
.achi_list li a {
border-top:solid 1px #e2e2e2;
border-radius:5px;
overflow: hidden;
display:block;
}
.achi_list li a .info {
border:solid 1px #e2e2e2;
text-align:center;
line-height:38px;
padding:2px 10px 0;
border-top:none;
color:#141a33;
font-size:12px;
}
/***************** *******************/
.about_slogan {
padding:140px 0 115px;
margin:0 auto;
/*width:1050px;*/
}
.sloganlist {
float:left;
width:273px;
height:218px;
text-align:center;
}
.slogan_border {
background:#e5e5e5;
margin:0 15px;
height:218px;
float:left;
width:1px;
}
.sloganlist img {
margin:0 auto;
display:block;
}
.sloganlist .cntitle {
margin-top:5px;
line-height:36px;
font-size:26px;
color:#000;
}
.sloganlist .entitle {
text-transform:uppercase;
line-height:24px;
font-size:14px;
color:#b3b3b3;
}
.sloganlist .text {
margin-top:8px;
line-height:24px;
font-size:14px;
color:#717171;
}
.about_company {
background:#f6f6f6;
position:relative;
}
.about_company .container {
padding:20px 0 170px;
/* margin-left:-585px; */
/* position:absolute; */
z-index:10;
/* left:50%; */
}
.about_company_BG {
position:relative;
margin-left:-960px;
width:1920px;
left:50%;
z-index:1;
}
.about_company_BG1{
position: relative;
width: 45%;
z-index: 1;
display: inline-block;
vertical-align: top;
}
.about_titline {
margin-bottom:20px;
padding:0 10px;
margin-top:30px;
text-align:center;
position:relative;
height:30px;
}
.about_titline .entitle {
font-family:arial;
text-transform:uppercase;
line-height:30px;
font-size:40px;
color:#ededed;
}
.about_titline .cntitle {
border-left:solid 5px #4186ed;
padding-left:7px;
text-align:left;
line-height:20px;
font-size:16px;
color:#4186ed;
}
.about_border {
/*margin:10px auto 8px;
background:#2449a4;
width:28px;
height:2px;*/
display:none;
}
.about_company_text {
line-height:36px;
font-size: 15px;
color:#717171;
width: 53%;
display: inline-block;
float: right;
}
.about_develop {
background:url(../images/about1204-02.jpg) no-repeat center calc(50% + 78px);
padding:20px 0 36px;
position:relative;
/*height:1862px;*/
}
.about_year {
position:absolute;
margin-left:-567px;
left:50%;
top:430px;
width:192px;
height:198px;
}
/*********** ************/
.lineblock {
position:absolute;
text-align:center;
line-height:57px;
font-size:20px;
width:92px;
height:58px;
color:#fff;
left:50%;
}
.deveblock_01 {
margin-left:385px;
top: 1540px;
}
.deveblock_02 {
margin-left:153px;
top: 1488px;
}
.deveblock_03 {
margin-left:-18px;
top: 1390px;
}
.deveblock_04 {
margin-left:-188px;
top: 1294px;
}
.deveblock_05 {
margin-left:-504px;
top: 1207px;
}
.deveblock_06 {
margin-left:-262px;
top: 1134px;
}
.deveblock_07 {
margin-left:-108px;
top: 980px;
}
.deveblock_08 {
margin-left:46px;
top: 827px;
}
.deveblock_09 {
margin-left:199px;
top: 673px;
}
.deveblock_10 {
margin-left:353px;
top: 520px;
}
.about_develop_new {
/*padding:44px 0 0;*/
position:relative;
padding-top:44px;
height:604px;
}
.about_developlist {
position:absolute;
height:250px;
width:410px;
top:44px;
}
.about_developlist:nth-child(2n) {
top:354px;
}
.about_developlist ul li {
background:url(../images/dot1204.png) no-repeat 2px 7px;
background-size:11px;
padding-bottom:18px;
padding-left:21px;
position:relative;
line-height:26px;
font-size:14px;
color:#303030;
z-index:9;
}
.about_developlist .year {
background:url(../images/dot1204.png) no-repeat left center;
position:relative;
padding-left:21px;
font-weight:bold;
line-height:50px;
font-size:40px;
color:#f79b35;
z-index:9;
}
.about_developlist .border {
position:absolute;
background:#5e5e5e;
height:230px;
z-index:1;
width:1px;
left:7px;
top:0;
}
.about_developlist:nth-child(2n) ul li {
background-position:2px 25px;
padding-bottom:0;
padding-top:18px;
}
.about_developlist:nth-child(2n) .border {
bottom:0;
top:auto;
}
.about_develop ul {
}
.about_develop ul li {
}
.about_develop ul li p {
padding-left:10px;
font-weight:bold;
line-height:24px;
font-size:18px;
}
/*.about_develop ul li .text {
padding-left:14px;
margin-top:5px;
line-height:20px;
font-size:12px;
}
.about_develop ul li:first-child {
left:990px;
top:1204px;
}
.about_develop ul li:first-child p {
border-left:solid 4px #fff;
color:#1a547c
}
.about_develop ul li:nth-child(2) {
left:754px;
top:1326px;
}
.about_develop ul li:nth-child(2) p {
border-left:solid 4px #007cc2;
color:#007cc2
}
.about_develop ul li:nth-child(3) {
padding-bottom:28px;
left:725px;
top:1063px;
}
.about_develop ul li:nth-child(3) p {
border-left:solid 4px #00a5db;
color:#00a5db
}
.about_develop ul li:nth-child(4) {
left:410px;
top:1130px;
}
.about_develop ul li:nth-child(4) p {
border-left:solid 4px #3bb3c3;
color:#3bb3c3
}
.about_develop ul li:nth-child(5) {
left:96px;
top:1040px;
}
.about_develop ul li:nth-child(5) p {
border-left:solid 4px #8bb72c;
color:#8bb72c
}
.about_develop ul li:nth-child(6) {
background-position:right bottom;
padding-right:60px;
padding-bottom:75px;
left:140px;
top:700px;
}
.about_develop ul li:nth-child(6) p {
color:#b8dc7c
}
.about_develop ul li:nth-child(6) .right_border {
position:absolute;
background:#b8dc7c;
bottom:75px;
right:46px;
height:24px;
width:4px;
}
.about_develop ul li:nth-child(7) {
left: 632px;
top: 815px;
}
.about_develop ul li:nth-child(7) {
background:url(../images/about-37.jpg) no-repeat -26px -45px;
padding-left:22px;
padding-top:28px;
}
.about_develop ul li:nth-child(7) p {
border-left:solid 4px #f8c301;
color:#f8c301
}
.about_develop ul li:nth-child(8) {
background-position:right 196px;
padding-right:60px;
left:380px;
top:332px;
}
.about_develop ul li:nth-child(8) p {
color:#e5781c
}
.about_develop ul li:nth-child(8) .right_border {
position:absolute;
background:#e5781c;
top:168px;
right:46px;
height:24px;
width:4px;
}
.about_develop ul li:nth-child(9) {
left: 940px;
top: 508px;
}
.about_develop ul li:nth-child(9) p {
border-left:solid 4px #da241d;
color:#da241d
}
.about_develop ul li:nth-child(10) {
background-position:right 28px;
padding-right:45px;
left: 736px;
top: 194px;
}
.about_develop ul li:nth-child(10) p {
border-right:solid 4px #007cc2;
padding-right:8px;
color:#007cc2
}
.about_develop ul li:nth-child(10) .text {
padding-right:12px;
}
.lttborder {
background:url(../images/about-37-02.jpg) no-repeat 2px top;
padding-top:75px;
}
.btlborder {
background:url(../images/about-37-02.jpg) no-repeat left 28px;
padding-left:43px;
}
.ttlborder {
background:url(../images/about-37.jpg) no-repeat 2px top;
padding-left:50px;
padding-top:72px;
}
.btrborder{
background-image:url(../images/about-37.jpg);
background-repeat:no-repeat;
position:relative;
text-align:right;
}*/
/*********** ************/
.about_leader {
padding:20px 0 110px;
background:#ffffff;
/*height:2304px;*/
}
.about_leader ul {
}
.about_leader ul li {
margin-right: 20px;
margin-top: 35px;
float:left;
width: 270px;
}
.about_leader ul li:nth-child(3n) {
margin-right:0;
}
.about_leader ul li img {
height:240px;
width:370px;
}
.about_leader ul li .infolist {
position:relative;
padding-top:18px;
width:370px;
}
.about_leader_title {
/*margin-top:-9px;*/
font-size: 18px;
line-height:46px;
color:#000;
text-align: center;
}
.about_leader_sectitle {
font-size:14px;
line-height:24px;
color:#000;
}
.about_leader_text {
text-align:justify;
margin-top:25px;
font-size:14px;
line-height:22px;
max-height:136px;
padding-right:8px;
overflow:auto;
color:#5e5e5e;
}
.about_honor {
padding:20px 0 75px;
/*height:2304px;*/
}
.about_honor ul {
padding-top:24px;
margin:0 auto;
width:762px;
}
.about_honor ul li {
margin:15px 35px 15px 0;
float:left;
}
.about_honor ul li:nth-child(4n) {
margin-right:0;
}
.about_honor ul li img {
height:117px;
width:164px;
}
.about_links {
padding:20px 0 130px;
background: #ededed;
}
.about_links ul {
}
.about_links ul li {
margin-right:60px;
margin-top:60px;
float:left;
}
.about_links ul li:nth-child(5n) {
margin-right:0;
}
.about_contact {
background:url(../images/about-36.jpg) no-repeat center;
padding:25px 0 81px;
height:275px;
}
.about_contact .entitle {
color:#fff;
}
.about_contact .about_company_text {
margin-top:16px;
color:#000;
}
.about_contact ul {
margin:82px auto 0;
width:1110px;
}
.about_contact ul li {
padding:0 48px;
width:370px;
float:left;
}
.about_contact ul li a {
background-position:36px center;
background-repeat:no-repeat;
background-color:#fff;
padding:19px 0 19px 92px;
font-weight:bold;
border-radius:8px;
cursor:pointer;
display:block;
height:86px;
width:274px;
color:#5d5d5d;
}
.about_contact .cnbtn {
line-height:30px;
font-size:16px;
}
.about_contact .enbtn {
text-transform:uppercase;
line-height:14px;
font-size:12px;
}
.about_contact ul li a:hover {
background-color:#1564ff;
color:#fff;
}
.about_contact ul li:first-child a {
background-image:url(../images/about-30.jpg);
}
.about_contact ul li:nth-child(2) a {
background-image:url(../images/about-29.jpg);
}
.about_contact ul li:nth-child(3) a {
background-image:url(../images/about-31.jpg);
}
.about_contact ul li:first-child a:hover {
background-image:url(../images/about-34.jpg);
}
.about_contact ul li:nth-child(2) a:hover {
background-image:url(../images/about-33.jpg);
}
.about_contact ul li:nth-child(3) a:hover {
background-image:url(../images/about-35.jpg);
}
/***************** *******************/
.likesort {
margin-left:-293px;
width:586px;
}
.likemain {
padding-bottom:82px;
}
.likelist {
padding-bottom:12px;
}
.likelist li {
margin:22px 60px 38px 0;
float:left;
}
.likelist li:nth-child(3n) {
margin-right:0;
}
.likelist li a {
position:relative;
display:block;
width:350px;
}
.likelist li a img {
border:solid 1px #e5e5e5;
height:241px;
width:348px;
}
.likelist li a p {
text-align:center;
line-height:30px;
margin-top:17px;
width:100%;
color:#000;
}
/***************** *******************/
.patentlist {
padding-bottom:12px;
}
.patentlist li {
margin:22px 40px 38px 0;
float:left;
}
.patentlist li:nth-child(4n) {
margin-right:0;
}
.patentlist li a {
width:418px;
}
.patentlist li a img {
border:solid 1px #e5e5e5;
height:370px;
width:262px;
}
.patentlist li a p {
text-align:center;
line-height:30px;
margin-top:17px;
width:100%;
color:#000;
}
/***************** */
.comscene_list {
margin:65px auto 50px;
width:1116px;
}
.comscene_list li {
border-left:solid 1px #c5c5c5;
text-align:center;
height:18px;
width:186px;
float:left;
}
.comscene_list li a {
color:#000;
width:186px;
line-height:18px;
font-size:16px;
display:block;
}
.comscene_list li a:hover {
background:url(../images/comscene-02.jpg) no-repeat center bottom;
padding-bottom:11px;
}
.comscene_list li:nth-child(6n+1) {
border-left:none;
}
/***************** *******************/
.hsgclass .achi_list li {
padding:0 5px;
float:left;
}
.hsgclass .achi_list li a .info {
background:#fff;
overflow:hidden;
text-align: center;
line-height:24px;
padding:5px 10px;
color:#141a33;
font-size:12px;
border:none;
}
.hsgclass .achi_list li a .info p {
font-weight:bold;
line-height:20px;
padding:4px 0;
overflow:hidden;
height:48px;
}
/***************** *******************/
.servicase_list {
margin:17px auto 12px;
padding:0 5px;
}
.servicase_list li {
padding:5px;
}
.servicase_list li a {
border:solid 1px #eee;
text-align:center;
border-radius:5px;
background:#eee;
line-height:26px;
font-size:12px;
display:block;
color:#000;
}
.servicase_list li a.active {
border:solid 1px #4186ed;
background-color:#fff;
color:#4186ed;
}
/*.servicase_list li a:hover {
background:url(../images/comscene-02.jpg) no-repeat center bottom;
padding-bottom:11px;
}*/
/***************** *******************/
.repair_titline {
padding:0 10px;
margin:14px auto 10px;
text-align:center;
position:relative;
}
.repair_titline .entitle {
font-family:arial;
text-transform:uppercase;
line-height:30px;
font-size:40px;
color:#ededed;
}
.repair_titline .cntitle {
text-align:center;
line-height:20px;
font-size:16px;
color:#4186ed;
}
.repair_border {
margin:0 auto;
background:#2449a4;
clear:both;
width:28px;
height:2px;
}
.repair_titline_text {
padding:11px 10px 0;
line-height:18px;
font-size:12px;
color:#717171;
}
.repair_list{
padding:10px 0 0;
}
.repair_list li{
background:#fff;
margin-top:14px;
padding:22px 0 0;
height:308px;
position:relative;
}
.repair_list li img{
display:block;
margin:0 auto;
}
.repair_1stext {
color:#717171;
font-size:12px;
line-height:18px;
text-align:center;
margin-top:17px;
}
.repair_list li:first-child .repair_1stext {
margin-top:30px;
}
.repair_tel {
color:#4186ed;
font-size:24px;
line-height:18px;
margin-top:24px;
text-align:center;
}
.repair_2ndtext {
color:#000;
font-size:14px;
line-height:20px;
text-align:center;
}
.repair_feedback {
background:#fcfcfc;
position:absolute;
padding:14px 35px;
width:100%;
bottom:0;
}
.repair_feedback a {
width:50%;
height:16px;
line-height:16px;
font-size:12px;
color:#000;
text-align:center;
display:block;
float:left;
}
.repair_feedback a:first-child {
/*background-image:url(../images/products-08.jpg);*/
border-right:solid 1px #b5b5b5;
}
.repair_feedback a:nth-child(2) {
/*background-image:url(../images/products-08.jpg);*/
}
/*.repair_feedback a:first-child {
width:50%;
height:16px;
line-height:16px;
font-size:12px;
color:#000;
text-align:center;
display:block;
float:left;
}*/
.repair_guide {
width:101px;
height:24px;
line-height:24px;
font-size:12px;
color:#fff;
background:#1564ff;
text-align:center;
border-radius:10px;
margin:30px auto 0;
display:block;
}
.repair_guide:hover {
color:#fff;
}
/***************** *******************/
.policy_list{
margin:112px auto 58px;
width:888px;
}
.policy_list li{
margin:0 73px;
height:124px;
width:150px;
float:left;
}
.policy_list li img{
display:block;
margin:0 auto;
height:88px;
width:88px;
}
.policy_list li p {
color:#000;
font-size:16px;
line-height:26px;
text-align:center;
margin-top:10px;
}
.posale_list {
background:#fff;
padding-top:0;
}
.posale_list ul li .infolist {
padding-bottom:0;
background:#fff;
padding-top:0;
}
/***************** *******************/
.parts_list {
margin:32px auto 175px;
width:1151px;
}
.parts_list li {
float:left;
width:345px;
margin:38px 0 0 58px;
}
.parts_list li:nth-child(3n+1) {
margin-left:0;
}
/*.parts_list li a {
margin:-21px;
display:block;
width:387px;
}*/
.parts_list li a img {
display:block;
height:239px;
width:345px;
}
.parts_list li a p {
margin-top:18px;
text-align:center;
line-height:26px;
font-size:16px;
color:#000;
}
.parts_list li a:hover img {
box-shadow:0 0 21px 0 rgba(0,0,0,0.16);
}
.partshop_list li{
border:solid 1px #d5d5d5;
text-align:center;
border-radius:12px;
padding:30px 22px 0;
margin-left:36px;
height:503px;
width:365px;
float:left;
}
.partshop_list{
margin:66px auto 120px;
width:1168px;
}
.partshop_list li{
border:solid 1px #d5d5d5;
text-align:center;
border-radius:12px;
padding:30px 22px 0;
margin-left:36px;
height:503px;
width:365px;
float:left;
}
.partshop_list li:first-child {
margin-left:0;
}
.partshop_list li img{
display:block;
margin:0 auto;
height:317px;
width:317px;
}
.partshop_info {
border-bottom:solid 2px #454545;
padding-bottom:35px;
margin:0 auto;
width:130px;
}
.partshop_info p:first-child {
color:#717171;
font-size:16px;
line-height:28px;
margin-top:36px;
}
.partshop_info p:nth-child(2) {
color:#000;
font-size:16px;
line-height:28px;
}
.repair_2ndtext {
color:#000;
font-size:14px;
line-height:20px;
text-align:center;
}
/***************** *******************/
.trainbasic {
padding-top:65px;
background:#f6f6f6;
}
.trainscene {
padding-top:65px;
}
.train_main_BG {
background:url(../images/train_bg.jpg) no-repeat center top;
margin:70px auto 118px;
padding:0 12px;
min-height:725px;
}
.train_spoint {
background:url(../images/train.png) no-repeat center top;
text-align:center;
padding:80px 0 0;
height:136px;
width:136px;
color:#717171;
font-size:20px;
line-height:24px;
float:left;
}
.train_main {
float:left;
width:768px;
margin:7px 0 0 35px;
position:relative;
}
.train_main ul {
position:absolute;
width:768px;
top:0;
}
.processlist li {
background:url(../images/train-02.png) no-repeat right bottom;
margin-left:30px;
float:left;
width:226px;
height:214px;
}
.processlist li:nth-child(3) {
background:url(../images/train-03.png) no-repeat 52px bottom;
}
.processlist li:nth-child(4) {
margin-left:110px;
}
.processlist li:nth-child(n+4) {
margin-top:188px;
}
.processlist li .process_info {
border:solid 1px #e2e2e2;
border-radius:8px;
height:149px;
width:210px;
}
.processlist li .process_info .title {
background-color:#0d4a99;
background-repeat:no-repeat;
background-position:left top;
border-top-right-radius:8px;
border-top-left-radius:8px;
text-align:center;
padding-left:69px;
line-height:88px;
font-size:20px;
color:#fff;
height:89px;
width:208px;
}
.processlist li .process_info .text {
vertical-align:middle;
padding:5px 18px;
line-height:24px;
font-size:12px;
height:58px;
}
.processremark {
margin:240px 0 0 62px;
}
.processremark li {
background:url(../images/train-04.png) no-repeat left 5px;
line-height:24px;
font-size:14px;
margin-left:96px;
padding-left:20px;
float:left;
}
.processremark li:nth-child(3) {
margin-left:60px;
}
.processremark li:nth-child(n+3) {
margin-top:328px;
}
.trainstudent {
padding:90px 0 160px;
background:#f6f6f6;
}
.studentmian {
background:#fff;
margin:0 auto;
width:1170px;
height:926px;
}
.studentmian li {
padding:44px 47px;
}
.studentmian li img {
height:773px;
width:1084px;
}
/*.studentlist {
padding:44px 47px 0;
}
.studentlist li {
padding:15px 13px;
}*/
/***************** *******************/
.videolist {
padding-bottom:82px;
}
.honorlist li {
margin:60px 34px 22px 0;
float:left;
}
.honorlist li:nth-child(3n) {
margin-right:0;
}
.honorlist li a {
width:367px;
display:block;
}
.honorlist li a img {
background:url(../images/honor_bg.png) no-repeat center;
padding:23px 25px 22px 24px;
display:block;
height:257px;
width:367px;
}
.honorlist li a p {
text-align:center;
line-height:30px;
margin-top:17px;
width:100%;
color:#000;
}
/***************** *******************/
.contact_infolist {
margin:70px auto 67px;
}
.contact_infolist li {
box-shadow:0 0 21px 0 rgba(171,171,171,0.16);
border-radius: 5px;
margin:0 45px;
width:300px;
float:left;
}
.contact_infolist li .blueblock {
background: url(../images/contact-08.png) no-repeat center top;
text-align:center;
padding:24px 0 0;
height:181px;
color:#fff;
}
.contact_infolist li .blueblock img {
display:block;
margin:0 auto;
}
.contact_infolist li .blueblock .title {
line-height:32px;
font-size:16px;
}
.contact_infolist li .blueblock .text {
line-height:30px;
font-size:14px;
}
.contact_infolist li .whiteblock {
background: #fff;
text-align:center;
padding:12px 0 0;
height:189px;
}
.contact_infolist li:nth-child(2) .whiteblock,.contact_infolist li:nth-child(3) .whiteblock {
padding:42px 0 0;
}
.contact_infolist li .whiteblock .title {
line-height:22px;
font-size:12px;
}
.contact_infolist li .whiteblock .text {
font-family:arial;
line-height:26px;
font-size:20px;
color:#5a5a5a;
}
.contact_infolist li .whiteblock p:nth-child(2n) {
padding-bottom:2px;
}
.domemap_body {
background:url(../images/demomap.jpg) #fafafa no-repeat center bottom;
background-size: 1920px 800px;
position:relative;
padding: 40px 0 0;
height: 800px;
}
.domemap_main {
position:absolute;
height:922px;
width:100%;
bottom:0;
}
/********* *********/
.chinamap_body {
background:url(../images/demomap.jpg) #fafafa no-repeat center bottom;
background-size: 1920px 1000px;
position:relative;
padding: 40px 0 0;
height: 1000px;
}
.chinamap_main {
position:relative;
margin:24px auto 0;
height:860px;
width:1200px;
}
.chinamap_province {
background:#fff;
position:absolute;
border:solid 2px #000;
border-radius:5px;
margin:24px auto 0;
cursor:pointer;
height:500px;
width:500px;
display:none;
z-index:10;
bottom:0;
right:0;
}
.chinamap_close{
position: absolute;
width: 20px;
display: block;
background: url(../images/ico_line_close.png) no-repeat right center;
background-size:contain;
height: 20px;
top: 2px;
right: 2px;
cursor:pointer;
z-index:10;
}
.chinamap_province img {
display:block;
height:100%;
width:100%;
}
.chinamap_main ul li {
position:absolute;
cursor:pointer;
height:38px;
width:30px;
left:50%;
}
.chinamap_main ul li a {
background:url(../images/mapoint.png) no-repeat center;
background-size: contain;
cursor:pointer;
display:block;
height:100%;
width:100%;
}
.chinamap_main ul li.active a {
background-image:url(../images/mapoint_h.png);
}
.chinamap_main ul li.guangdong {margin-left:72px;top:665px;}
.chinamap_main ul li.guangxi {margin-left:-21px;top:675px;}
.chinamap_main ul li.anhui {margin-left:120px;top:482px;}
.chinamap_main ul li.fujian {margin-left:154px;top:605px;}
.chinamap_main ul li.guizhou {margin-left:-60px;top:615px;}
.chinamap_main ul li.hebei {margin-left:65px;top:348px;}
.chinamap_main ul li.henan {margin-left:44px;top:443px;}
.chinamap_main ul li.hubei {margin-left:36px;top:508px;}
.chinamap_main ul li.hunan {margin-left:30px;top:586px;}
.chinamap_main ul li.jilin {margin-left:226px;top:200px;}
.chinamap_main ul li.jiangsu {margin-left:161px;top:452px;}
.chinamap_main ul li.jiangxi {margin-left:106px;top:574px;}
.chinamap_main ul li.liaoning {margin-left:183px;top:252px;}
.chinamap_main ul li.shandong {margin-left:116px;top:385px;}
.chinamap_main ul li.shan1xi1 {margin-left:15px;top:368px;}
.chinamap_main ul li.shan3xi1 {margin-left:-40px;top:448px;}
.chinamap_main ul li.sichuan {margin-left:-150px;top:526px;}
.chinamap_main ul li.tianjin {margin-left:108px;top:346px;width:16px;height:20px;}
.chinamap_main ul li.yunnan {margin-left: -170px;top: 670px;}
.chinamap_main ul li.zhejiang {margin-left:181px;top:535px;}
.chinamap_main ul li.chongqing {margin-left:-50px;top:540px;}
.chinamap_main ul li.hainan {margin-left:5px;top:782px;}
.chinamap_main ul li.taiwan {margin-left:225px;top:650px;}
.chinamap_main ul li.heilongjiang {margin-left:225px;top:114px;}
.chinamap_main ul li.neimenggu {margin-left:-30px;top:290px;}
.chinamap_main ul li.beijing {margin-left:84px;top:306px;}
.chinamap_main ul li.gansu {margin-left:-126px;top:432px;}
.chinamap_main ul li.xinjiang {margin-left:-438px;top:286px;}
.chinamap_main ul li.xizang {margin-left:-438px;top:476px;}
.chinamap_main ul li.qinghai {margin-left:-280px;top:418px;}
.chinamap_main ul li.ningxia {margin-left:-90px;top:385px;}
.chinamap_main ul li.shanghai {margin-left:202px;top:496px;}
/********* *********/
.network_body {
background:url(../images/contact-05.jpg) no-repeat center top;
padding-top:172px;
height:858px;
}
.network_main {
margin:0 auto;
width:1170px;
height:548px;
}
.network_nav {
overflow-y:scroll;
background:#fff;
width:278px;
height:548px;
float:left;
}
.network_nav ul {
padding:34px 0;
}
.network_nav ul li {
margin-bottom:14px;
display:block;
}
.network_nav ul li a {
height:42px;
color:#949494;
display:block;
line-height:42px;
padding:0 32px;
}
.network_nav ul li a:hover, .network_nav li.active a {
background:#1564ff;
color:#fff;
}
.network_info {
background:url(../images/contact-06.png) repeat center;
overflow-y:scroll;
line-height:30px;
padding:32px;
width:875px;
height:548px;
float:right;
color:#000;
}
.network_info .tab-pane {
/*animation: fadeinB 2s;*/
display:none;
}
.network_info .tab-pane.active {
display:block;
}
.contact_body {
background:#f4f4f4;
position:relative;
height: 810px;
}
.contact_main {
/*background:url(../images/video-05.png) repeat center;*/
background: #f4f4f4;
margin-left:-470px;
margin-top: -329px;
position:absolute;
padding:2px 118px;
/* height:816px; */
width:940px;
left:50%;
top: 40%;
}
.contact_BG {
background:url(../images/index_one-18.jpg) no-repeat center top;
height:1041px;
}
.contact_title {
margin-top:46px;
text-align:center;
line-height:26px;
font-size:16px;
color:#000;
}
.contact_sectitle {
font-family:arial;
text-align:center;
line-height:110px;
font-size:62px;
color:#1564ff;
}
.contact_item {
padding-right:12px;
margin-bottom:25px;
width:352px;
float:left;
}
.contact_main .ind_ctac_item {
width:352px;
}
.contact_tel,.contact_main .ind_ctac_tel {
margin-top:14px;
line-height:26px;
margin-bottom:20px;
font-size:18px;
color:#a2a2a2;
}
.contact_tel:nth-child(2n), .contact_item:nth-child(2n) {
padding-left:12px;
padding-right:0;
text-align:right;
}
.contact_input {
padding:0 18px;
line-height:46px;
font-size:16px;
width:100%;
}
.contact_main .ind_ctac_textarea {
margin-bottom:20px;
padding:15px 18px;
line-height:26px;
font-size:16px;
height:116px !important;
width:100%;
}
.contact_main .ind_ctac_subline .ind_ctac_ask {
float:left;
width: 226px;
margin-top: 8px;
}
.contact_main .ind_ctac_subline .ind_ctac_answer {
/*margin-left:25px;*/
width:214px;
float: left;
}
.contact_input[type='submit'] {
background:#0091ff;
color:#fff;
}
.contact_codeline {
padding-top:16px;
}
.contact_codeline li {
text-align:center;
width: 50%;
float:left;
}
.contact_codeline li:nth-child(2) {
/* margin:0 142px; */
}
.contact_codeline li {
line-height:52px;
font-size:16px;
color:#000;
}
.contact_codeline li img {
height:140px;
width:140px;
}
/***************** *******************/
.fadeB1s {
animation: fadeinB 1s;
}
.fadeB1_5s {
animation: fadeinB 1.5s;
}
.fadeB2s {
animation: fadeinB 2s;
}
/***************** *******************/
.on_line{
z-index: 100000;
border-bottom: #d5d5d5 1px solid;
position: fixed;
border-left: #d5d5d5 1px solid;
padding-bottom: 20px;
padding-left: 0px;
width: 84px;
padding-right: 0px;
background: #fff;
border-top: #d5d5d5 1px solid;
top: 50%;
right: 0px;
border-right: #d5d5d5 1px solid;
padding-top: 20px;
border-radius: 10px;
margin-top:-129px;
}
.on_line I{
position: absolute;
width: 20px;
display: block;
background: url(../images/ico_line_close.png) no-repeat right center;
height: 20px;
top: 2px;
right: 2px;
cursor:pointer;
}
.on_line LI{
position: relative;
text-align: center;
padding-bottom: 8px;
padding-left: 15px;
padding-right: 15px;
display: block;
height: 74px;
padding-top: 0px;
}
.on_line LI A{
line-height: 20px;
display: block;
color: #000000;
padding-top: 46px;
height: 66px;
font-size:12px;
cursor:pointer;
}
.on_line LI A:hover{
color: #1564ff;
}
.on_line LI A.o_line{
background: url(../images/fd_icon1.png) no-repeat 3px top;
}
.on_line LI A.o_buy{
background: url(../images/fd_icon2.png) no-repeat 3px top;
}
.on_line LI A.o_action{
background: url(../images/fd_icon9.png) no-repeat 3px top;
}
.on_line LI A.o_net{
background: url(../images/fd_icon4.png) no-repeat 3px top;
}
.on_line LI A.o_wx{
background: url(../images/fd_icon5.png) no-repeat 3px top;
}
.on_line LI A.o_wb{
background: url(../images/fd_icon6.png) no-repeat 3px top;
}
.on_line LI A.o_tel{
background: url(../images/fd_icon8.png) no-repeat 3px top;
}
.on_line LI A.o_search{
background: url(../images/fd_icon10.png) no-repeat 3px top;
}
.on_line LI A.o_tel:hover{
background: url(../images/fd_icon8.png) no-repeat -81px top;
}
.on_line LI A.o_line:hover{
background: url(../images/fd_icon1.png) no-repeat -81px top;
}
.on_line LI A.o_buy:hover{
background: url(../images/fd_icon2.png) no-repeat -81px top;
}
.on_line LI A.o_action:hover{
background: url(../images/fd_icon9.png) no-repeat -81px top;
}
.on_line LI A.o_net:hover{
background: url(../images/fd_icon4.png) no-repeat -81px top;
}
.on_line LI A.o_wx:hover{
background: url(../images/fd_icon5.png) no-repeat -81px top;
}
.on_line LI A.o_wb:hover{
background: url(../images/fd_icon6.png) no-repeat -81px top;
}
.on_line LI A.o_search:hover{
background: url(../images/fd_icon10.png) no-repeat -81px top;
}
.on_line LI .ewm{
border-bottom: #ddd 1px solid;
position: absolute;
border-left: #ddd 1px solid;
padding-bottom: 5px;
padding-left: 5px;
width: 182px;
padding-right: 5px;
display: none;
background: #fff;
border-top: #ddd 1px solid;
top: -50px;
border-right: #ddd 1px solid;
padding-top: 5px;
left: -190px;
}
#public_form {
position:fixed;
display:none;
height:100%;
width:100%;
z-index:99;
right:0;
top:0;
}
.article-action-btn {
margin-top:20px;
}
.article-prevnext {
margin: 10px 0 50px 0;
padding: 10px 0 0 0;
border-top: 1px solid #dedede;
}
.article-prevnext p {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 45%;
}
.supervision_istblock {
background-position:center top;
background-size:cover;
height:773px;
}
.supervision_2ndblock {
background-position:center top;
background-size:cover;
height:850px;
}
.supervision_slogan {
padding:40px 0 85px;
margin:0 auto;
/*width:1050px;*/
}
.supervision_slogan .sloganlist {
width:219px;
height:234px;
}
.supervision_3rdblock {
background:#f9f9f9;
}
.supervision_3rdblock a.more {
text-align: center;
display: block;
font-size: 14px;
line-height: 36px;
height: 36px;
padding: 0 15px;
color: #fff;
background: #1564ff;
text-decoration: none;
width: 188px;
margin: 50px auto 0;
}
.supervision_3rdblock a.more:hover {
border: solid 1px #1564ff;
background: #fff;
color: #1564ff;
}
.noticelist li {
margin-bottom:20px;
}
.noticelist li a {
padding:20px 30px;
background:#fff;
display:block;
}
.noticelist_title {
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
padding-right:24px;
line-height:34px;
font-size:14px;
color:#717171;
}
.noticelist_ellipsis {
line-height:34px;
font-size:14px;
color:#717171;
float:left;
}
.noticelist_date {
background:url(../images/notice_arrow.jpg) no-repeat right center;
padding-right:24px;
line-height:34px;
font-size:14px;
color:#717171;
float:right;
}
.noticelist li a:hover {
box-shadow:0 0 21px 0 rgba(0,0,0,0.16);
}
.noticelist li a:hover .noticelist_title, .noticelist li a:hover .noticelist_ellipsis {
color:#f79b35;
}
.footer {
height:662px;
}
.footer_top {
padding:39px 0;
}
.footer_top li {
margin-right:114px;
text-align:center;
padding-top:11px;
float:left;
width:72px;
}
.footer_top li:nth-child(3) {
padding-top:0;
width:232px;
}
.footer_top li:nth-child(5) {
margin-right:0;
}
.footer_top li a {
line-height:46px;
font-size:18px;
color:#5a5a5a;
}
.footer_middle {
background:#f6f6f6;
height:428px;
}
.footer_main {
padding-top:58px;
margin:0 auto;
width:1080px;
}
.footer_main ul {
width:154px;
float:left;
}
.footer_main ul:nth-child(5) {
margin-right:0;
}
.footer_main ul:nth-child(6) {
margin-right:0;
}
.footer_main ul li a {
line-height:30px;
font-size:16px;
color:#5a5a5a;
}
.footer_main ul li:first-child a {
font-size:18px;
color:#2449a4;
}
.footer_signal {
font-family:"STZhongsong";
padding:45px 0 52px;
font-weight:bold;
text-align:center;
line-height:30px;
font-size:14px;
color:#5a5a5a;
clear:both;
}
.footer_end {
/*animation: fadeinB 3.5s;*/
text-align:center;
line-height:30px;
margin-top:40px;
font-size:14px;
color:#5a5a5a;
}
@media (min-width: 768px) {
.header {
/*background:url(../images/nav_bg.png) repeat center;*/
max-width: 1920px;
position:fixed;
width:100%;
height: 107px;
z-index:999;
top:0;
background: #aec3cd91;
}
.header_top {
/* background-image: linear-gradient(to right, #014099 , #1dabe4); */
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
height:45px;
background: #4169ff;
}
.navbar-header {
background-image:none;
}
.navbar-brand {
position:absolute;
margin-left: -600px;
height:110px;
z-index:99;
width:auto;
left: 50%;
}
.navbar-brand img {
height: 107px;
}
.header .nav{float:right;height:75px;line-height:75px;}
.header .nav .open > a, .header .nav .open > a:hover, .header .nav .open > a:focus { background-color: #fff;}
.header_tel {
margin: 8px 8px 0 85px;
}
.navbar-brand {
margin-left: -800px;
}
.nav-list {margin-right: 0;height: 65px;line-height: 65px;}
.header .nav-list li{
margin-left: 0;
padding: 0;
display: inline-block;
height: 40px;
line-height: 39px;
margin: 13px 6px;
}
.header .nav-list li.cur,.header .nav-list li:hover{
/* background: #4169ff; */
}
.header .nav-list li.cur a,.header .nav-list li:hover a{
background: #4169ff;
}
.nav-list {margin-right:20px;float:right;margin-top: 0;}
.header .nav-list li{position:relative;float:left;margin-left: 0;margin-top: 10px;}
.header .nav-list li>a{display:block;font-size:18px;color:#fff;padding: 0 20px;}
.header .nav-list li:after{display: none;position:absolute;left:0;bottom:0;width:100%;height:5px;content:"";background:#1564ff;transform:scaleX(0);transition:all 0.5s;}
.header .nav-list li.cur:after,.header .nav-list li:hover:after{transform:scaleX(1);}
.header .nav-list li.cur>a,.header .nav-list li:hover>a{/* color:#1564ff; *//* background: #1b3aae; */}
.dropDown{display:none;position:absolute;z-index:9999;top: 100%;/* left: 70%; *//* margin-left: -90px; */padding: 0;width: 100%;border:#f0f0f0 solid 1px;background: #3963ff;border-radius: 0;text-align: center;}
.dropDown a{display:block;margin: 0 0 10px 0;padding: 5px 0 5px 0px;line-height:27px;font-size:15px;color: #fff;/* border-bottom:#efefef dashed 1px; *//*background:url(../images/dropdown_list.png) no-repeat 96% center;*/}
.dropDown a:last-child{border-bottom:none;margin-bottom: 0;}
.header .nav-list li .dropDown a:hover{color:#ffffff;background: #eaeaea61;}
.dropDown:after{display:block;position:absolute;left:50%;top:-5px;margin-left:-4px;width:8px;height:5px;content:"";/*background:url(../images/dropdown.png) no-repeat;*/}
.ind_iconlist li {
padding:24px 18px;
}
.ind_pro {
background:url(../images/index_three_bg.jpg) no-repeat center;
padding:95px 0 0;
height:850px;
}
.ind_pro_tab {
border-bottom:none;
margin-top:40px;
padding:0;
}
.ind_pro_tab li {
/* background: url(../images/indpro_border.jpg) no-repeat 182px 22px; */
padding: 0;
float:left;
width: 19%;
margin-right: 5px;
}
.ind_pro_tab li.active{background: #5ea6fe;border-radius:5px;color: #fff;}
.ind_pro_tab li:last-child {
/* background:none; */
padding-right:0;
float:left;
/*height:108px;*/
width: 19%;
}
.ind_pro_tab li a {
background:none;
border-radius:0;
}
.ind_pro_tab > li.active > a, .ind_pro_tab > li.active > a:hover, .ind_pro_tab > li.active > a:focus,
.ind_pro_tab > li > a:hover, .ind_pro_tab > li > a:focus {
/* background: url(../images/probg_act.jpg) no-repeat center bottom; */
}
.ind_pro .tab-pane {
background-position:395px bottom;
background-size:750px 315px;
background-repeat:no-repeat;
height:500px;
}
.ind_cus {
background:url(../images/index_three_bg-03.jpg) no-repeat top center;
padding:64px 0 0;
height:850px;
}
.ind_cus_tab {
margin:30px auto 0;
position:relative;
border:none;
width:1200px;
z-index:1;
padding:0;
}
.ind_cus_tab li {
margin:38px 20px 0 0;
float:left;
height:201px;
width:268px;
}
.ind_cus_tab li a {
padding:0;
border:none;
margin-right: 0;
border-radius:0;
border-bottom:solid 8px #1564ff;
animation: indcusNoActive 1s;
position:relative;
overflow:hidden;
cursor:pointer;
height:201px;
width:268px;
z-index:1;
}
.ind_cus_tab li a:hover {
border-bottom:solid 8px #1564ff;
}
.ind_cus_tab li a img {
border-radius:0;
padding:0;
height:201px;
width:268px;
object-fit: cover;
}
/*.ind_cus_tab li:first-child {
animation: fadeinB 1s;
}
.ind_cus_tab li:nth-child(2) {
animation: fadeinB 1.5s;
}
.ind_cus_tab li:nth-child(3) {
animation: fadeinB 2s;
}*/
.ind_cus_tab li:nth-child(4) {
/*animation: fadeinB 2.5s;*/
margin-right:0;
}
.ind_cus_tab li:nth-child(5) {
/*animation: fadeinB 3s;*/
margin-left:252px;
}
.ind_cus_tab li:nth-child(6) {
/*animation: fadeinB 3.5s;*/
}
.ind_cus_tab li:nth-child(7) {
/*animation: fadeinB 4s;*/
}
.ind_cus_tab li a .tablist_info {
padding:30px 42px;
}
.ind_cus_tab li a p {
text-align:center;
line-height:38px;
font-size:16px;
color:#444;
}
.ind_wise {
background:url(../images/index_one-11.jpg) no-repeat top center;
padding:75px 0 0;
height:933px;
}
.ind_wise_content {
background:url(../images/ind_wise_bg.png) repeat-x top center;
margin-top:65px;
padding-top:38px;
height:156px;
overflow:hidden;
}
.ind_wise_content ul {
padding:0;
}
.ind_wise_content li {
background:url(../images/ind_wise-03.jpg) no-repeat center 58px;
border-top:none;
margin-right:36px;
overflow:hidden;
width:170px;
float:left;
padding:0;
}
.ind_wise_content li:nth-child(3n) {
background:url(../images/ind_wise-03.jpg) no-repeat center 58px;
}
.ind_wise_content li:nth-child(n+4) {
border-top:none;
}
.ind_wise_content li .counter-value {
line-height:58px;
font-size:48px;
color:#fff;
}
.ind_wise_content li p {
text-align:center;
line-height:46px;
font-size:16px;
margin-top:0;
color:#fff;
}
.ind_news_block {
background:url(../images/index_three_bg-07.png) #e7e7e7 no-repeat top center;
padding-bottom:98px;
}
.ind_news {
background:url(../images/ind_newsbg.jpg) #fff no-repeat bottom center;
box-shadow:0 0 13px 0 rgba(4,0,0,0.33);
margin:0 auto;
padding:42px 40px;
height:702px;
width:1200px;
}
.ind_news ul {
margin-top:26px;
}
.ind_news ul li {
float:left;
width:560px;
}
/*.ind_news ul li:nth-child(2) {
margin-top:5px;
}*/
.ind_news ul li {
border-bottom:solid 1px #dedede;
padding:0 20px 20px 0;
margin-bottom:20px;
}
.ind_news ul li:nth-child(5) {
border-bottom:none;
margin-right:0;
}
.ind_news ul li .dateblock {
margin-right:10px;
text-align:center;
padding:16px 0;
color:#949494;
float:left;
width:56px;
}
.ind_news ul li .dateblock p:first-child {
line-height:34px;
font-size:38px;
}
.ind_news ul li .dateblock p:last-child {
line-height:14px;
font-size:10px;
}
.ind_news_title {
overflow:hidden;
text-decoration:none;
line-height:26px;
font-size:18px;
color:#000;
height:26px;
}
.ind_news_text {
text-decoration:none;
text-align:justify;
margin-top:8px;
line-height:24px;
font-size:14px;
height: 48px;
color: #949494;
overflow: hidden;
}
.ind_news ul li:first-child {
margin-right:45px;
width:515px;
}
.ind_news ul li:first-child .ind_news_title {
height:52px;
}
.ind_news ul li:first-child .ind_news_title {
height:52px;
}
.ind_news ul li:first-child .ind_news_text {
height:72px;
}
.ind_news ul li:first-child a img.ind_news_1stimg {
border:solid 1px #dcdcdc;
margin-bottom:25px;
height:287px;
width:495px;
}
.ind_news ul li:first-child, .ind_news ul li:last-child {
border-bottom:none;
}
.ind_news ul li a:hover .dateblock, .ind_news ul li a:hover .ind_news_title, .ind_news ul li a:focus .ind_news_title, .ind_news ul li a:focus .dateblock {
color:#1564ff;
}
.ind_news ul li a:focus .ind_news_title, .ind_news ul li a:focus .ind_news_text, .ind_news ul li a:active .ind_news_title, .ind_news ul li a:active .ind_news_text {
text-decoration:none;
}
.ind_ctac_main {
background:url(../images/ind_ctatbg.png) repeat center;
margin-left:-400px;
position:absolute;
padding:25px 88px;
height:700px;
width:800px;
left:50%;
top:0;
}
.ind_ctac_title {
margin-top:8px;
text-align:center;
position:relative;
line-height:26px;
font-size:14px;
color:#fff;
right:auto;
top:auto;
}
/*.ind_ctac_title {
position:absolute;
line-height:26px;
font-size:16px;
color:#fff;
right:62px;
top:130px;
}*/
.ind_ctac_sectitle {
font-family:arial;
text-align:center;
line-height:86px;
font-size:62px;
color:#1564ff;
}
.ind_ctac_item {
padding-right:12px;
margin-bottom:22px;
width:312px;
float:left;
}
.ind_ctac_tel {
margin-top:8px;
line-height:26px;
margin-bottom:12px;
font-size:18px;
color:#fff;
}
.ind_ctac_tel:nth-child(2n), .ind_ctac_item:nth-child(2n) {
padding-left:12px;
padding-right:0;
text-align:right;
}
.ind_ctac_input {
border-radius:0;
padding:0 18px;
line-height:40px;
font-size:16px;
width:100%;
height:40px;
border:none;
}
.ind_ctac_textarea {
border:none;
margin-bottom:20px;
padding:13px 18px;
line-height:26px;
font-size:16px;
height:78px !important;
width:100%;
}
.ind_ctac_subline .ind_ctac_ask {
float:left;
width:188px;
font-size:14px;
}
.ind_ctac_subline .ind_ctac_answer {
/*margin-left:25px;*/
width:188px;
float: left;
}
.ind_ctac_input[type='submit'] {
background: #1564ff;
color:#fff;
}
.ind_ctac_codeline {
padding-top:21px;
}
.ind_ctac_codeline li {
padding:0 50px;
text-align:center;
line-height:38px;
font-size:12px;
color:#fff;
width:204px;
float:left;
}
/*.ind_ctac_codeline li:nth-child(2) {
margin:0 142px;
}*/
.ind_ctac_codeline li img {
height:104px;
width:104px;
}
.ind_honor_secline {
padding-top:180px;
margin:0 auto;
width:1400px;
}
.ind_honor_secline li {
/*background:url(../images/ind_honorbg.png) repeat center;
padding:36px 26px;*/
margin-right:21.5px;
padding-top:49px;
height:177px;
width:249px;
float:left;
}
.ind_honor_secline li:first-child {
/*animation: fadeinB 1s;*/
}
.ind_honor_secline li:nth-child(2) {
/*animation: fadeinB 1.5s;*/
}
.ind_honor_secline li:nth-child(3) {
/*animation: fadeinB 2s;*/
padding-top:0;
height:226px;
width:318px;
}
.ind_honor_secline li:nth-child(4) {
/*animation: fadeinB 2.5s;*/
}
.ind_honor_secline li:nth-child(5) {
/*animation: fadeinB 3s;*/
margin-right:0;
}
/*.ind_honor_secline li:nth-child(6) {
animation: fadeinB 3.5s;
margin-right:0;
}*/
.ind_honor_secline li a {
display:block;
height:177px;
width:249px;
}
.ind_honor_secline li a img {
height:177px;
width:249px;
}
.ind_honor_secline li:nth-child(3) a {
height:226px;
width:318px;
}
.ind_honor_secline li:nth-child(3) a img {
height:226px;
width:318px;
}
/******** *******/
.about_titline {
margin-bottom:0;
margin-top:0;
padding:0;
text-align:center;
position:relative;
height:80px;
}
.about_titline .entitle {
font-family:arial;
text-transform:uppercase;
line-height:80px;
font-size:100px;
color:#ededed;
}
.about_titline .cntitle {
padding-left:0;
text-align:center;
border-left:none;
position:absolute;
line-height:36px;
font-size:26px;
color:#000;
width:100%;
bottom:0;
}
.about_border {
margin:20px auto 22px;
background:#1564ff;
display:block;
width:56px;
height:3px;
}
.about_leader ul li {
width:calc((100% - 60px) / 3);
}
.about_leader ul li img {
height:calc(100% * 240 / 370);
width:100%;
}
.about_leader ul li .infolist {
width:100%;
}
.sys_block {
/*margin-top:92px;*/
padding:62px 0;
/*background:#f6f6f6;
height:1230px;*/
}
.sys_text {
text-align:center;
padding:0;
line-height:36px;
font-size:14px;
color:#717171;
}
.supervision_istblock .sys_text, .supervision_2ndblock .sys_text {
text-align:left;
}
.achi_list {
margin-bottom:0;
margin-top:32px;
padding:0;
}
.achi_list li {
margin:25px 37px 0 0;
float:left;
}
.achi_list li:nth-child(3n) {
margin-right:0;
}
.achi_list li a {
border-top:solid 1px #e2e2e2;
border-radius:0;
display:block;
width:365px;
}
.achi_list li a:hover {
box-shadow:0 0 21px 0 rgba(0,0,0,0.16);
}
.achi_list li a img {
height:214px;
}
.achi_list li a .info {
border:solid 1px #e2e2e2;
text-align:center;
line-height:68px;
padding:2px 10px 0;
border-top:none;
color:#141a33;
font-size:16px;
}
.hsgclass {
margin-bottom:104px;
}
.hsgclass .achi_list li {
padding:0;
}
.hsgclass .achi_list li a .info {
background:#fff;
overflow:hidden;
font-weight:bold;
text-align: center;
line-height:24px;
padding:10px 22px;
color:#141a33;
font-size: 16px;
/* height:68px; */
border:solid 1px #e2e2e2;
}
.hsgclass .achi_list li a .info p {
line-height:24px;
overflow:hidden;
height:24px;
padding:0;
}
.newslist {
padding: 0 0 82px;
}
.newslist li {
padding:55px 0 30px;
border:none;
}
.newslist_img {
margin-right:66px;
display:block;
height:151px;
float:left;
width:256px;
}
.newslist_img img {
display:block;
height:151px;
width:256px;
}
.newslist_main {
height:151px;
float:left;
width:848px;
}
.newslist_titline {
border-bottom:solid 1px #e5e5e5;
padding-bottom:23px;
margin-top:-4px;
}
.newslist_title {
line-height:28px;
font-size:20px;
float:left;
height:28px;
}
.newslist_date {
padding-top:6px;
line-height:18px;
font-size:14px;
float:right;
}
.likelist li a img.video_icon {
position:absolute;
border:none;
height:90px;
width:90px;
z-index:10;
left:129px;
top:75px;
margin:0;
}
.prolist {
padding:0;
}
.prolist li {
padding:45px 0 28px;
}
.prolist li a .prolist_img {
border:solid 1px #e5e5e5;
/*animation: fadeinB 1s;*/
height:269px;
width:400px;
float:left;
}
.prolist_main {
/*margin:42px 0 0 80px;*/
/*animation: fadeinB 1.5s;*/
margin-left:80px;
position:relative;
height:210px;
width: 660px;
float:left;
}
.prolist_title {
text-align:left;
line-height:32px;
font-size:18px;
color:#000;
}
.prolist_text {
overflow:hidden;
text-align:justify;
margin-top:25px;
line-height:28px;
height:196px;
font-size:14px;
color:#717171;
}
/*.prolist_more {
position:absolute;
line-height:24px;
font-size:14px;
color:#717171;
bottom:0;
right:0;
}
.prolist li a:hover .prolist_more {
color:#ff6900;
}*/
.prolist li a .prolist_img img {
border-bottom:solid 2px #fff;
height:267px;
width:398px;
float:left;
}
.prolist li a:hover .prolist_img {
border:solid 1px #fff;
box-shadow:0 0 21px 0 rgba(171,171,171,0.23);
}
.prolist li a:hover .prolist_img img {
border-bottom:solid 2px #1564ff;
}
.prolist_btnlist {
/*animation: fadeinB 2s;*/
margin-top:0;
float:right;
width: 139px;
}
.prolist_btnlist a {
background-position: 24px center;
background-repeat:no-repeat;
border-radius:0;
background-size:auto;
border: solid 1px #4169ff;
padding-left: 0;
text-align:center;
line-height: 42px;
margin-bottom: 43px;
display:block;
width: 139px;
height: 42px;
color: #ffffff;
cursor:pointer;
font-size:14px;
background: #4169ff;
}
.prolist_btnlist a:first-child, .prolist_btnlist a:focus {
border: solid 1px #4169ff;
color: #ffffff;
}
.prolist_btnlist a:hover {
border:solid 1px #1564ff;
color: #ffffff;
text-shadow: 0 4px #274fe6;
}
.prolist_btnlist a i{
display: inline-block;
width: 20px;
height: 26px;
background-repeat: no-repeat;
background-position: 50% 7px;
position: relative;
top: 5px;
}
.prolist_btnlist a:first-child i{
background-image:url(../images/products-06.jpg);
}
.prolist_btnlist a:first-child:hover i{
/*background-image:url(../images/products-02.jpg);*/
}
.prolist_btnlist a:nth-child(2):hover i{
/*background-image:url(../images/products-03.jpg);*/
}
.prolist_btnlist a:nth-child(3):hover i{
/*background-image:url(../images/products-04.jpg);*/
}
.prolist_btnlist a:last-child:hover i{
/*background-image:url(../images/products-04.jpg);*/
}
.pro_trast_body {
margin-left:-585px;
width:1170px;
height:175px;
left:50%;
}
.pro_trast_titline {
padding:8px 21px 7px 14px;
text-align:left;
}
.pro_trast_titline .title {
line-height:22px;
font-size:14px;
}
.pro_trast_titline .hidebtn {
line-height:22px;
font-size:14px;
cursor:pointer;
}
.pro_trast_body ul {
overflow-y:auto;
margin-top:9px;
height:119px;
width:1048px;
float:left;
padding:0;
}
.pro_trast_body li {
float:left;
padding:0;
height:119px;
width:257px;
}
.pro_trast_body li a img {
display:block;
margin:0 auto;
height:85px;
width:144px;
}
.pro_trast_body li a p {
line-height:32px;
font-size:14px;
padding:0;
}
.pro_trast_right {
text-align:center;
width:120px;
float:right;
}
.pro_trast_right .trast_btn {
border-radius:5px;
margin:29px auto 32px;
background:#ff5800;
line-height:28px;
display:block;
cursor:pointer;
color:#fff;
height:28px;
width:86px;
}
.pro_trast_right .clear_btn {
cursor:pointer;
font-size:14px;
line-height:22px;
color:#000;
}
.videolist {
padding-bottom:82px;
}
.videolist li {
margin:60px 60px 22px 0;
float:left;
}
.videolist li:nth-child(3n) {
margin-right:0;
}
.videolist li a {
width:350px;
}
.videolist li a img {
width:100%;
}
.videolist li a p {
text-align:center;
line-height:30px;
margin-top:17px;
width:100%;
color:#000;
}
.servicase_list {
margin:65px auto 50px;
padding:0;
width:930px;
}
.servicase_list li {
border-left:solid 1px #c5c5c5;
text-align:center;
padding:0;
height:20px;
width:186px;
float:left;
}
.servicase_list li a {
background-position:46px center;
background-repeat:no-repeat;
background-color:#fff;
padding-left:26px;
border-radius:0;
border:none;
/*text-align:left;*/
color:#000;
width:186px;
line-height:20px;
font-size:16px;
display:block;
}
.servicase_list li a.active {
border:none;
color:#000;
}
.servicase_list li:first-child a {
background-image:url(../images/servicase.jpg);
}
.servicase_list li:nth-child(2) a {
background-image:url(../images/servicase-02.jpg);
}
.servicase_list li:nth-child(3) a {
background-image:url(../images/servicase-05.jpg);
}
.servicase_list li:nth-child(4) a {
background-image:url(../images/servicase-04.jpg);
}
.servicase_list li:nth-child(5) a {
background-image:url(../images/servicase-03.jpg);
}
.servicase_list li:nth-child(5n+1) {
border-left:none;
}
.servicase_list li:first-child a:hover, .servicase_list li:first-child a.active {
background-image:url(../images/servicase_h.jpg),url(../edimg/comscene-02.jpg);
background-position:46px top,86px bottom;
padding-bottom:10px;
}
.servicase_list li:nth-child(2) a:hover, .servicase_list li:nth-child(2) a.active {
background-image:url(../images/servicase_h-02.jpg),url(../edimg/comscene-02.jpg);
background-position:46px top,86px bottom;
padding-bottom:10px;
}
.servicase_list li:nth-child(3) a:hover, .servicase_list li:nth-child(3) a.active {
background-image:url(../images/servicase_h-05.jpg),url(../edimg/comscene-02.jpg);
background-position:46px top,86px bottom;
padding-bottom:10px;
}
.servicase_list li:nth-child(4) a:hover, .servicase_list li:nth-child(4) a.active {
background-image:url(../images/servicase_h-04.jpg),url(../edimg/comscene-02.jpg);
background-position:46px top,86px bottom;
padding-bottom:10px;
}
.servicase_list li:nth-child(5) a:hover, .servicase_list li:nth-child(5) a.active {
background-image:url(../images/servicase_h-03.jpg),url(../edimg/comscene-02.jpg);
background-position:46px top,86px bottom;
padding-bottom:10px;
}
.repair_list{
margin:66px auto 120px;
width:1078px;
padding:0;
}
.repair_list li{
border:solid 1px #d5d5d5;
border-radius:12px;
padding:30px 22px 0;
margin:0 36px;
height:395px;
width:287px;
float:left;
}
.repair_list li img{
display:block;
margin:0 auto;
height:224px;
width:225px;
}
.repair_1stext {
color:#717171;
font-size:12px;
line-height:18px;
text-align:center;
margin-top:22px;
}
.repair_list li:first-child .repair_1stext {
margin-top:42px;
}
.repair_tel {
color:#1564ff;
font-size:32px;
line-height:32px;
margin-top:24px;
}
.repair_feedback {
background:#fff;
padding:0;
margin:30px auto 0;
position:relative;
width:234px;
}
.repair_feedback a {
width:101px;
height:24px;
line-height:24px;
font-size:12px;
color:#fff;
background:#1564ff;
text-align:center;
border:none;
border-radius:10px;
margin:0 8px;
display:block;
float:left;
}
.repair_feedback a:first-child, .repair_feedback a:nth-child(2) {
background-image:none;
}
/*********** **********/
.footer {
height:662px;
}
.footer_top {
padding:39px 0;
margin:0 auto;
width:976px;
}
.footer_top li {
margin-right:114px;
text-align:center;
padding-top:11px;
float:left;
width:72px;
}
.footer_top li:nth-child(3) {
padding-top:0;
width:232px;
}
.footer_top li:nth-child(5) {
margin-right:0;
}
.footer_top li a {
line-height:46px;
font-size:18px;
color:#5a5a5a;
}
.footer_middle {
background:#f6f6f6;
height:428px;
}
.footer_main {
padding-top:58px;
margin:0 auto;
width:1080px;
}
.footer_main ul {
width:154px;
float:left;
}
.footer_main ul:nth-child(5) {
margin-right:0;
}
.footer_main ul:nth-child(6) {
margin-right:0;
}
.footer_main ul li a {
line-height:30px;
font-size:16px;
color:#5a5a5a;
}
.footer_main ul li:first-child a {
font-size:18px;
color:#1564ff;
}
.footer_end {
/*animation: fadeinB 3.5s;*/
text-align:center;
line-height:30px;
margin-top:40px;
font-size:14px;
color:#5a5a5a;
}
}
@media (min-width: 1200px) {
.about_slogan {
width:1074px;
}
.slogan_border {
margin:0 60px;
}
.supervision_slogan .slogan_border {
margin:0 48.5px;
}
}
@media (min-width: 1600px) {
.header_tel {
margin: 8px 8px 0 90px;
}
.navbar-brand {
margin-left: -800px;
}
.nav-list {margin-right: 0;height: 62px;line-height: 62px;}
.header .nav-list li{
margin-left: 0;
padding: 0px 0px;
display: inline-block;
height: 40px;
line-height: 39px;
}
.header .nav-list li.cur,.header .nav-list li:hover{
/* background: #4169ff; */
opacity: 1;
}
.banner {
width:100%;
height: calc(100vw * 838 / 1920);
overflow:hidden;
max-height: 838px;
padding-top: 45px;
}
.ind_pro .tab-pane {
background-position:395px bottom;
background-size:1000px 420px;
height:500px;
}
.ind_pro_tab li {
/* background: url(../images/indpro_border.jpg) no-repeat 224px 22px; */
width: 19%;
}
.ind_pro_tab li:last-child {
width: 19%;
}
.ind_pro_tab li a .ind_pro_simg img {
/*background:#fff;*/
height:98px;
}
.ind_advalist_title {
/*padding-right:70px;*/
}
.ind_advalist_title .entitle {
padding-left:14px;
}
.ind_cus_tab {
width:1400px;
}
.ind_cus_tab li {
height:238px;
width:318px;
}
.ind_cus_tab li a {
border-bottom:solid 10px #1564ff;
height:238px;
width:318px;
}
.ind_cus_tab li a:hover {
border-bottom:solid 10px #1564ff;
}
.ind_cus_tab li a img {
height:238px;
width:318px;
}
.ind_cus_tab > li.active {
height:288px;
width:384px;
}
.ind_cus_tab > li.active > a, .ind_cus_tab > li.active > a:hover, .ind_cus_tab > li.active > a:focus {
border-bottom:solid 10px #1564ff;
height:288px;
width:384px;
}
.ind_cus_tab > li.active > a img, .ind_cus_tab > li.active > a:hover img, .ind_cus_tab > li.active > a:focus img {
height:288px;
width:384px;
object-fit: cover;
}
.ind_wise_content li {
margin-right:84px;
}
.ind_news {
padding:42px 49px;
height:702px;
width:1440px;
}
.ind_news ul li {
width:666px;
}
.ind_news ul li:first-child {
margin-right:54px;
width:618px;
}
.ind_news ul li:first-child .ind_news_title {
height:26px;
}
.ind_news ul li:first-child .ind_news_text {
height:48px;
}
.ind_news ul li:first-child a img.ind_news_1stimg {
height:346px;
width:596px;
}
/***************** *******************/
.about_slogan {
width:1090px;
}
.slogan_border {
margin:0 67px;
}
.supervision_slogan .slogan_border {
margin:0 48.5px;
}
/*********** ************/
/*.deveblock_01 {
margin-left:385px;
top: 1540px;
}
.deveblock_02 {
margin-left:153px;
top: 1488px;
}
.deveblock_03 {
margin-left:-18px;
top: 1390px;
}
.deveblock_04 {
margin-left:-188px;
top: 1294px;
}
.deveblock_05 {
margin-left:-504px;
top: 1207px;
}
.deveblock_06 {
margin-left:-262px;
top: 1134px;
}
.deveblock_07 {
margin-left:-108px;
top: 980px;
}
.deveblock_08 {
margin-left:46px;
top: 827px;
}
.deveblock_09 {
margin-left:199px;
top: 673px;
}
.deveblock_10 {
margin-left:353px;
top: 520px;
}
.about_develop ul {
position:relative;
margin:-13px auto 0;
width:1300px;
height:1600px;
}
.about_develop ul li {
position:absolute;
}
.about_develop ul li p {
padding-left:10px;
font-weight:bold;
line-height:24px;
font-size:18px;
}
.about_develop ul li .text {
padding-left:14px;
margin-top:5px;
line-height:20px;
font-size:12px;
}
.about_develop ul li:first-child {
left:990px;
top:1204px;
}
.about_develop ul li:first-child p {
border-left:solid 4px #fff;
color:#1a547c
}
.about_develop ul li:nth-child(2) {
left:754px;
top:1326px;
}
.about_develop ul li:nth-child(2) p {
border-left:solid 4px #007cc2;
color:#007cc2
}
.about_develop ul li:nth-child(3) {
padding-bottom:28px;
left:725px;
top:1063px;
}
.about_develop ul li:nth-child(3) p {
border-left:solid 4px #00a5db;
color:#00a5db
}
.about_develop ul li:nth-child(4) {
left:410px;
top:1130px;
}
.about_develop ul li:nth-child(4) p {
border-left:solid 4px #3bb3c3;
color:#3bb3c3
}
.about_develop ul li:nth-child(5) {
left:96px;
top:1040px;
}
.about_develop ul li:nth-child(5) p {
border-left:solid 4px #8bb72c;
color:#8bb72c
}
.about_develop ul li:nth-child(6) {
background-position:right bottom;
padding-right:60px;
padding-bottom:75px;
left:140px;
top:700px;
}
.about_develop ul li:nth-child(6) p {
color:#b8dc7c
}
.about_develop ul li:nth-child(6) .right_border {
position:absolute;
background:#b8dc7c;
bottom:75px;
right:46px;
height:24px;
width:4px;
}
.about_develop ul li:nth-child(7) {
left: 632px;
top: 815px;
}
.about_develop ul li:nth-child(7) {
background:url(../images/about-37.jpg) no-repeat -26px -45px;
padding-left:22px;
padding-top:28px;
}
.about_develop ul li:nth-child(7) p {
border-left:solid 4px #f8c301;
color:#f8c301
}
.about_develop ul li:nth-child(8) {
background-position:right 196px;
padding-right:60px;
left:380px;
top:332px;
}
.about_develop ul li:nth-child(8) p {
color:#e5781c
}
.about_develop ul li:nth-child(8) .right_border {
position:absolute;
background:#e5781c;
top:168px;
right:46px;
height:24px;
width:4px;
}
.about_develop ul li:nth-child(9) {
left: 940px;
top: 508px;
}
.about_develop ul li:nth-child(9) p {
border-left:solid 4px #da241d;
color:#da241d
}
.about_develop ul li:nth-child(10) {
background-position:right 28px;
padding-right:45px;
left: 736px;
top: 194px;
}
.about_develop ul li:nth-child(10) p {
border-right:solid 4px #007cc2;
padding-right:8px;
color:#007cc2
}
.about_develop ul li:nth-child(10) .text {
padding-right:12px;
}*/
.studentmian {
background:#fff;
margin:0 auto;
width:1286px;
height:1003px;
}
.studentmian li {
padding:44px 47px;
}
.studentmian li img {
height:850px;
width:1192px;
}
.proinfo_threelist {
/*width:1090px;*/
}
.proinfo_threelist li {
/*width:323px;*/
}
.threedlist_BG {
background-size:1920px 780px;
height:780px;
}
.proinfo_threedlist {
padding-top:285px;
/*width:1090px;*/
}
.proinfo_threedlist li {
/*width:323px;*/
}
.proinfo_basicinfo ul {
width:1050px;
}
.proinfo_imglist {
width:1240px;
}
.proinfo_imglist li {
height:270px;
width:270px;
}
.proinfo_paralist {
width:1200px;
}
.proinfo_paralist ul {
width:300px;
}
.proinfo_videoblock {
width:1050px;
}
.proinfo_video {
border:solid 4px #fff;
height:269px;
width:470px;
}
.proinfo_video video {
background:#000;
height: 261px;
width: 462px;
}
.proinfo_onelist {
width:500px;
}
.proinfo_twolist {
width:1176px;
}
.proinfo_twolist li {
margin:0 63px;
height:300px;
width:462px;
}
.supervision_slogan {
width:1170px;
}
.sys_block .proinfo_basicinfo ul {
width:1170px;
}
/***************** *******************/
.footer_main {
width:1230px;
}
.footer_main ul {
width:175px;
}
}
/*service*/
.index_title{
text-align: center;
margin-bottom: 40px;
}
.index_title .cn{
font-size: 28px;
position: relative;
font-weight: bold;
color: #1b3aae;
letter-spacing: 1px;
}
.index_title .en{
font-size: 31px;
position: relative;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1.5px;
color: #cdcdcd;
}
.index_title .line{
width: 100px;
height: 2px;
position: relative;
bottom: -1080px;
margin: 15px auto;
background: #f5e20d;
}
.service {
width: 1480px;
position: relative;
/* margin: auto; */
/* margin-top: 0; */
/* margin-bottom: 60px; */
/* overflow: hidden; */
}
.servicebox{
display: inline-block;
background: #1b3aaee8;
border-radius: 50%;
width: 150px;
height: 150px;
}
.service ul li:hover .servicebox{
background:#fff;
transition: 0.3s ease-out;
}
.service ul {
margin-top: 40px;
}
.service ul li {
width: 19%;
float: left;
margin: 0px 4%;
text-align: center;
padding: 15px 0;
}
.service ul li:hover{
background: #1b3aaeed;
box-shadow: 0 0 13px 0 rgb(4 0 0 / 33%);
transition: 0.6s ease-out;
color: #fff;
/* IE 9 */
/* Firefox */
transform: translateY(10px);
-ms-transform:translateY(10px) /* IE 9 */
-moz-transform:translateY(10px); /* Firefox */
-webkit-transform:translateY(10px); /* Safari */
-o-transform:translateY(10px);
}
.service ul li:last-child {
margin-right: 0px !important;
}
.service ul li img {width: 100px;line-height: 50px;margin-top: 26px;}
.service ul li:hover img a {
transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
/* IE 9 */
-moz-transform: rotateY(180deg);
/* Firefox */
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
/* Opera */
transition: 0.2s !important;
}
.service ul li p {
font-size: 20px;
margin-top: 42px;
margin-bottom: 22px;
font-weight: bold;
transition: none !important;
}
.service ul li i {
width: 60px;
height: 1px;
background: #595757;
display: block;
margin: auto;
margin-bottom: 36px;
transition: 0.3s;
}
.service ul li:hover i{
background:#fff;
}
.service ul li span {
font-size: 16px;
line-height: 26px;
transition: none !important;
width: 90%;
display: block;
margin: 0 auto;
}
.service ul .service-li {
/* transition: 0.3s ease-out; */
color: #717171;
}
.service ul .service-li i {
background: #595757;
}
/*yz*/
.yz{height: 770px;padding-top: 70px;}
.yzy{
background: url(../picture/yz_bg.jpg) no-repeat center 0;
}
.yz dl{padding-top: 20px;height: 718px;}
.yz dt{float: right;width: 858px;height: 588px;/* margin-right: -360px; */overflow: hidden;position: absolute;right: 0;}
.yz dt img{transition: all 0.5s;max-width: 100%;}
.yz dt:hover img{transform: scale(1.05);}
.yz dd{float: left;width: 515px;height: 573px;}
.yz dd h3{padding: 42px 0 32px;position: relative;font-weight: normal;}
.yz dd h3 b{display: block;font-size: 36px;color: #0d0700;line-height: 42px;}
.yz dd h3 i{display: block;font-size: 29px;color: #ffffff;line-height: 30px;padding-top: 24px;font-style: normal;font-weight: bold;}
.yz dd h3 em{color: #ffffff8c;font-style: normal;}
.yz dd h3:after{position: absolute;width: 94px;height: 3px;content: "";background: #ffffff;left: 0;bottom: 0;}
.yz_desc{font-size: 14px;color: #fff;line-height: 30px;margin: 58px 0 70px;}
.yz dd ul{height: 147px;margin-left: -20px;width: 1000px;position: relative;z-index: 1;}
.yz dd li{float: left;width: 25%;height: 147px;background: #1b3aae;text-align: center;}
.yz dd li:nth-child(2n){background: #1b3aae;}
.yz dd li img{display: block;height: 50px;margin: 30px auto 22px;transition: all 0.5s;}
.yz dd li p{font-size: 20px;color: #fff;line-height: 28px;}
.yz dd li:hover img{transform: rotateY(180deg);}
/*news*/
.news {
padding: 50px 0;
overflow: hidden;
background: url(../image/newsbg.jpg) center;
background-size: 100% 100%;
}
.news-tab {
position: relative;
}
.news-tab .tab-menu {
margin-bottom: 40px;
text-align: center;
overflow: hidden;
}
.news-tab .tab-menu li {
display: inline-block;
margin: 0 4px;
width: 160px;
height: 48px;
line-height: 48px;
text-align: center;
border: #ddd solid 1px;
}
.news-tab .tab-menu li.cur {
background: #1b3aae;
border-color: #1b3aae;
}
.news-tab .tab-menu li a {
display: block;
font-size: 16px;
color: #1b3aae;
}
.news-tab .tab-menu li.cur a {
color: #fff;
}
.news-hot {
float: left;
margin-top: 8px;
width: 575px;
background: #fff;
overflow: hidden;
}
.news-hot .pic {
width: 575px;
height: 233px;
overflow: hidden;
}
.news-hot .pic img {
display: block;
width: 575px;
height: 233px;
object-fit: cover;
}
.news-hot .text {
padding: 30px;
height: 198px;
overflow: hidden;
}
.news-hot .text h3 {
height: 30px;
line-height: 30px;
font-size: 18px;
font-weight: normal;
overflow: hidden;
}
.news-hot .text h3 a {
color: #1b3aae;
}
.news-hot .text em {
display: block;
height: 20px;
line-height: 20px;
font-size: 12px;
font-family: Arial;
color: #999;
}
.news-hot .text p {
margin-top: 6px;
margin-bottom: 20px;
height: 100px;
line-height: 25px;
font-size: 14px;
color: #666;
overflow: hidden;
}
.news-hot .text .read {
font-family: Arial;
font-size: 14px;
color: #666;
}
.news-hot:hover h3 a,
.news-hot:hover .read {
color: #1b3aae;
}
.news-list {
float: right;
width: 698px;
overflow: hidden;
}
.news-list .item {
padding: 8px 10px;
height: 110px;
transition: all 1s;
}
.news-list .item:hover {
box-shadow: 0 0 10px #ddd inset;
background: #fff;
border-radius: 5px;
}
.news-list .item:hover h3 a {
color: #1b3aae;
}
.news-list .date {
float: left;
width: 108px;
height: 108px;
border: #ddd solid 1px;
text-align: center;
font-family: Arial;
color: #666;
}
.news-list .date span {
display: block;
height: 62px;
line-height: 62px;
font-size: 36px;
border-bottom: #ddd solid 1px;
}
.news-list .date em {
display: block;
height: 45px;
line-height: 45px;
font-size: 16px;
}
.news-list .text {
float: right;
width: 540px;
height: 110px;
}
.news-list .text h3 {
margin-top: 10px;
height: 40px;
line-height: 40px;
font-size: 18px;
font-weight: normal;
color: #1b3aae;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-list .text h3 a {
color: #1b3aae;
}
.news-list .text p {
height: 50px;
line-height: 25px;
font-size: 16px;
color: #666;
}
.new_list li{float: left;width: 465px!important;/* height: 306px!important; */background: #f4f4f4;margin-right: 20px;padding: 20px 40px;}
.new_list li i{display: block;height: 24px;line-height: 24px;font-size: 14px;color: #000;margin: 16px 0 26px;font-family: Arial;}
.new_list li em{font-size: 24px;vertical-align: top;margin-right: 8px;}
.new_list li h4{font-size: 17px;color: #0d0700;line-height: 1.5;margin: 0px 0 17px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.new_list li h4 a{color: #0d0700;}
.new_list li p{font-size: 14px;color: #000;line-height: 24px;opacity: 0.8;padding-bottom: 35px;border-bottom: 1px solid #dbdbdb;}
.new_list li .xq{display: none;font-size: 14px;color: #000;opacity: 0.8;line-height: 24px;margin-top: 24px;}
.new_list li:hover h4 a,.new_list li .xq:hover{color: #1b3aae;font-weight:bold;transition:0.3s}
.new_list li:hover p{border-color: #1b3aae;}
/*news*/
/**/
/*abt*/
.abt_con{position: relative;}
.abt_pic img{display: block;width: 100%;}
.abt_r{position: absolute;width: 628px;right: 0;top: 1.5rem;left: 50%;margin-left: 60px;}
.abt_r h2{}
.abt_r h2 em{display: block;font-size: 1.1rem;color: #1b3aae;line-height: 1.1rem;}
.abt_r h2 b{display: block;font-size: 36px;color: #ffffff;line-height: 2.7rem;padding: 0.8rem 0 1rem;}
.abt_r h2 i{display: block;font-size: 1.1rem;color: #ffffff;line-height: 1.1rem;}
.abt_desc{font-size: 14px;color: #333;line-height: 28px;margin: 2.5rem 0 1.8rem;color:#fff;}
.abt_r h3{height: 3rem;}
.abt_r h3 a{text-transform: uppercase;float: left;width: 29%;height: 3.2rem;font-size: 12px;line-height: 14px;text-align: center;color: #ffffff;background: rgb(17 43 141);margin-right: 6.5%;}
.abt_r h3 a:last-child{margin-right: 0;}
.abt_r h3 a i{display: block;font-size: 15px;line-height: 1.7rem;text-transform: uppercase;}
.abt_r h3 a.on{background: #1b3aae;color: #fff;}
.albumbg{
padding-bottom: 30px;
background: url(../images/albumbgl.jpg);
}
.album{width: 1400px;margin: -64px auto 0px;background: #1b3aae;position: relative;z-index: 10;padding: 45px 30px 45px;box-shadow: 0px 1px 4px #000;}
.album li{float: left;padding: 0;border: 1px solid #1b3aae;margin-right: 25px;width: 255px;}
.album li img{display:block;width:100%;}
.album .tempWrap{width: 100% !important;}
/**/
/*--------*/
.bot{ height: auto; background: url(../picture/footerbg.jpg) no-repeat center;}
.bot .bot1{height: 118px;line-height: 118px;border-bottom: 1px solid #919191;}
.bot .menu{text-align: center;padding-top: 20px;}
.bot .menu ul{
text-align: center;
display: inline-block;
vertical-align: top;
}
.bot .menu li{
list-style-type: none;
display: inline-block;
}
.bot .menu a{font-size: 18px;color: #ffffff;margin: 0 10px;vertical-align: top;}
.bot .menu a:hover{color: #63beff;}
.bot .menu h4{
font-weight: bold;
}
.bot .menu .memu2{
}
.bot .menu .memu2 a{
display: block;
line-height: 2.2;
font-size: 15px;
}
.bot2{ padding: 40px 0;}
.bot2 .logo{width: 400px;}
.bot2 .logo img{/* width: 302px; */height: 88px;}
.bot2 .dz{margin-left: 0;margin-top: 20px;}
.bot2 .dz dt{font-size: 18px;font-weight: bold;color: #fff;/* text-indent: 24px; */margin-bottom: 10px;}
.bot2 .dz .dd1{height: 35px;background: url(../images/bottb1.png) left no-repeat;/* text-indent: 24px; */font-size: 14px;color: #fff;line-height: 35px;}
.bot2 .dz .dd2{height: 35px;background: url(../images/bottb2.png) left no-repeat;/* text-indent: 24px; */font-size: 14px;color: #fff;line-height: 35px;}
.bot2 .lx{margin-left: 10px;}
.bot2 .lx dt{ font-size: 18px; font-weight: bold; color: #fff; text-indent: 24px; margin-bottom: 10px;}
.bot2 .lx .dd1{height: 35px;background: url(../images/bottb3.png) left no-repeat;text-indent: 24px;font-size: 14px;color: #fff;line-height: 35px;}
.bot2 .lx .dd2{height: 35px;background: url(../images/bottb4.png) left no-repeat;text-indent: 24px;font-size: 14px;color: #fff;line-height: 35px;}
.bot2 .ewm img{width: 130px;/* height: 130px; */padding-top: 40px;}
.bot3{border-top: 1px solid #295a83;line-height:65px;}
.bot3 .beian{ font-size: 14px; color: #999;}
.bot3 a{ color: #999;}
.bot3 a:hover{ color: #63beff;}
.bot3 .jszc{ font-size: 14px; color: #999;}
/*jue*/
.yzs .swiper-container {
width: 100%;
height: 100%;
}
.yzs .swiper-slide {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
transition: 300ms;
transform: scale(0.85);
opacity: 0.7;
}
.yzs .swiper-slide-active,
.yzs .swiper-slide-duplicate-active {
transform: scale(1);
opacity: 1;
}
/*.yzs .swiper-slide:hover,*/
.yzs .swiper-slide-active:hover,
.yzs .swiper-slide-duplicate-active:hover{
transform: scale(1.1);
}
.yzs {
padding: 20px 0 30px 0;
}
.yzs img {
width: 100%;
}
.yzs .flimg {
width: 49%;
display: inline-block;
float: left;
}
.yzs .frtxt {
width: 45%;
display: inline-block;
text-align: left;
margin-left: 25px;
}
.news-slider {
z-index: 2;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
}
@media screen and (max-width: 1300px) {
.news-slider {
max-width: 1000px;
}
}
@media screen and (max-width: 576px) {
.news-slider {
margin-top: 45px;
}
}
.news-slider__wrp {
display: flex;
align-items: flex-start;
position: relative;
z-index: 2;
}
.news-slider__item {
width: 400px;
flex-shrink: 0;
}
@media screen and (max-width: 992px) {
.news-slider__item {
width: 340px;
}
}
.news-slider__item.swiper-slide {
opacity: 0;
pointer-events: none;
transition: all .3s;
}
.news-slider__item.swiper-slide-active,
.news-slider__item.swiper-slide-prev,
.news-slider__item.swiper-slide-next {
opacity: 1;
pointer-events: auto;
}
.news-slider__ctr {
position: relative;
z-index: 12;
}
.news-slider__arrow {
background: #fff;
border: none;
display: inline-flex;
width: 50px;
height: 50px;
justify-content: center;
align-items: center;
box-shadow: 0 6px 26px 6px rgba(0, 0, 0, 0.25);
border-radius: 50%;
position: absolute;
top: 50%;
z-index: 12;
cursor: pointer;
outline: none !important;
}
.news-slider__arrow:focus {
outline: none !important;
}
.news-slider__arrow .icon-font {
display: inline-flex;
}
.news-slider__arrow.news-slider-prev {
left: 15px;
transform: translateY(-50%);
}
.news-slider__arrow.news-slider-next {
right: 15px;
transform: translateY(-50%);
}
.news-slider__pagination {
text-align: center;
margin-top: 10px;
}
.news-slider__pagination .swiper-pagination-bullet {
width: 40px;
height: 5px;
display: inline-block;
background: #fff;
opacity: .2;
margin: 0 5px;
border-radius: 0;
transition: opacity .5s, background-color .5s, width .5s;
transition-delay: .5s, .5s, 0s;
}
.news-slider__pagination .swiper-pagination-bullet-active {
opacity: 1;
background: #ffffff;
width: 60px;
transition-delay: 0s;
}
@media screen and (max-width: 576px) {
.news-slider__pagination .swiper-pagination-bullet-active {
width: 70px;
}
}
.yzshg {
/* height: 330px; */
}
.yzs .frtxt .yzstit {
margin-top: 40px;
font-size: 24px;
letter-spacing: 2px;
line-height: 2;
color: #1b3aae;
}
.yzs .frtxt .yzscon {
line-height: 1.5;
letter-spacing: 1px;
font-size: 16px;
color: #666;
margin-top: 10px;
}
.yzs .frtxt .yzsmore {
display: inline-block;
margin-top: 50px;
font-size: 14px;
padding: 8px 45px;
background: #112b8d;
color: #fff;
position: absolute;
bottom: 20px;
}
.yzs .yzsbox {
background: #ffffff;
}
.honor{
margin-bottom: 30px;
margin-top: 20px;
}
.honor .honortit {
text-align: center;
background: #2041bc;
color: #fff;
line-height: 4;
}
.honorbox .honorboxsize {
height: 0;
position: relative;
padding-bottom: 130%;
display: flex;
justify-content: center;
align-items: center;
}
.honorbox .honorboxsize img {
/*object-fit: cover;*/
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.honorbox:before {
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid rgba(255, 255, 255, 0);
z-index: 100;
}
.honor .honorbox:hover img {}
.honor .honorbox:hover:before {
background: #000;
opacity: .65;
/* top: 20px;
left: 20px;
right: 20px;
bottom: 20px; */
}
.honor .honorbox .text {
display: none;
}
.honor .honorbox:hover .honortit {
background: #fff;
color: #fff;
opacity: 0.5;
}
.honor .honorbox:hover .text {
display: block;
position: absolute;
bottom: auto;
top: 50%;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
text-align: center;
color: #fff;
z-index: 100;
background: none;
width: 100%;
font-size: 24px;
}
.honor .honorbox:hover .text h3 {
color: #000;
border-bottom: 1px solid #d7d7d7;
margin: 0 20px;
padding-bottom: 15px;
}
.honor .honorbox:hover .text p {
color: #7f7f7f;
padding-bottom: 20px;
}
.content_99eeb62c9bc9d4a9 {
/*height: 670px;*/
position: relative;
}
.content_99eeb62c9bc9d4a9 .propic_show_left_20170301{
width: 45%;
display: inline-block;
border: 1px solid #d8d8d8;
}
.propic_show_right_20170301 {
width: 50%;
float: right;
padding-left:15px;
padding-top:5px;
padding-right:5px;
height: 550px;
text-align:left;
}
.propic_show_right_20170301 .nei_b{
line-height:2;
font-size: 15px;
position: relative;
height: 440px;
margin-top: 20px;
}
.jgnlxgk {
width: 130px;
height: 40px;
font-size: 16px;
color: #fff;
line-height: 40px;
text-align: center;
margin-top: 15px;
background: -webkit-linear-gradient(left, #1071b5, #2fa3f4);
background: -o-linear-gradient(right, #1071b5, #2fa3f4);
background: -moz-linear-gradient(right, #1071b5, #2fa3f4);
background: linear-gradient(to right, #1071b5, #2fa3f4);
margin-top: 26px;
position: absolute;
bottom: 0;
}
.jgnlxgk a {
width: 130px;
height: 40px;
font-size: 16px;
color: #fff;
line-height: 40px;
text-align: center;
display: block;
}
.jgnlxgk a:hover {
}
.detail_title {
height: 50px;
line-height: 50px;
color: #333;
font-size: 20px;
margin-top: 20px;
margin-bottom: 20px;
border-bottom: 1px dashed #eee;
}
.propic_show_right_item_20170301 {
width: 1200px;
/* position: absolute; */
margin-bottom: 20px;
margin-top: 20px;
}
.propic_show_right_item_20170301 img {
width: 120px;
border: 1px solid #eee !important;
padding: 1px;
margin-right: 5px;
}
.dgweb_list_item_box {
border-bottom: 1px #e2d1c6 dashed;
line-height: 30px;
}
.pro_main_box {
height: 610px;
margin-top: 20px;
margin-bottom: 20px;
}
.detail_title {
}
.pro_detail_title {
/* height: 45px; */
border-bottom: 1px dashed #eee;
margin-bottom: 0;
padding-bottom: 10px;
font-size: 20px;
display: block;
line-height: 30px;
color: #333;
line-height: 45px;
}
.pro_detail_title br {
display: none;
}
.MagicThumb img {
border: 1px solid #eee !important;
}
.pro_one_box,
.dgweb_list_item {
box-shadow: none;
}
.product_content table{ width: 100%!important;}
.product_content td{
padding: 5px 0;
font-size: 20px;
line-height: 1.8;
}
.pc {
display: block;
}
.contactus .item {
background: #3e86f1;
float: left;
width: 32%;
margin-right: 2%;
padding: 40px 0 0 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 180px;
margin-top: 10px;
position: relative;
cursor: pointer;
transition: .3s all ease-in-out;
}
.contactus .item:nth-child(3n) {
margin-right: 0;
}
.contactus .item h3 {
font-size: 18px;
color: #ffffff;
padding: 15px 0 5px 0;
}
.contactus .item p {
font-size: 14px;
color: #ffffff;
word-wrap: break-word;
word-break: break-all;
overflow: hidden;
}
.contactus .item img {
height: 43px;
}
.contactus .item .wxcode {
position: absolute;
right: 40px;
top: 40px;
height: 100px;
}
.contactus .item .hover {
display: none;
}
.contactus .item:hover {
background: #034ad8;
}
.contactus .item:hover h3 {
color: #fff;
}
.contactus .item:hover p {
color: #fff;
}
.contactus .item:hover .hover {
display: block;
}
.contactus .item:hover .ys {
display: none;
}
.mobile {
display: none;
}
/*anli*/
.gs {
width: 100%;
height: 1020px;
background: url(../images/gsck.jpg) no-repeat center top;
border-bottom: 1px dashed #c9c9c9;
padding-top: 60px;
}
.gs_box {
/*width: 1200px;*/
}
.gstop {
width: 1200px;
height: 161px;
float: left;
}
.gstop p {
text-align: center;
margin-top: 60px;
}
.gstop span {
text-align: center;
display: block;
font-size: 16px;
color: #2b2b2b;
margin-top: 3px;
letter-spacing: 5px;
}
.gster {
height: 440px;
background: #4169ff;
}
.gsterbox{
margin-top: 10px;
}
.gsterbox li{
width: 32%;
display: inline-block;
}
.gsterbox li .cutit{
color: #fff;
text-align: center;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
line-height: 2;
font-size: 14px;
}
.gsterbox li img{
}
.gsft {
width: 760px;
height: 440px;
float: left;
padding: 15px 35px 15px 35px;
}
.gsft span {
font-size: 24px;
display: block;
color: #fff;
letter-spacing: 3px;
margin-top: 0;
}
.gsft span:after{
content:'';
display: block;
width: 110px;
height: 5px;
border-bottom: 2px solid #ffffff;
margin: 15px 0;
}
.gsft p {
width: 690px;
height: 100px;
color: #fff;
line-height: 2;
text-indent: 2em;
margin-top: 12px;
font-size: 16px;
letter-spacing: 1px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 12;
-webkit-box-orient: vertical;
}
.gsft p a {
color: #0f84da;
}
.gsft ul {
width: auto;
height: 40px;
margin-top: 10px;
}
.gsft ul li {
width: 140px;
height: 40px;
float: left;
margin-right: 20px;
}
.gsft ul li a {
display: block;
width: 142px;
height: 38px;
border: 1px solid #ffffff;
text-align: center;
line-height: 38px;
color: #000000;
font-size: 16px;
background: #fff;
box-shadow: 0px 1px 10px 3px #a0a0a0;
}
.gsft ul li a:hover {
color: #fff;
background: #4169ff;
border: 1px solid #ffffff;
}
.gsrt {
width: 680px;
height: 370px;
float: right;
}
.gsrt img {
width: 570px;
height: 370px;
}
.ab_tab{
width: 100%;
margin: 30px auto 0;
border: 1px solid #4169ff;
}
.ab_tab .tab_item{
width: 33.33%;
line-height: 40px;
text-align: center;
color: #4169ff;
font-size: 16px;
float: left;
}
.ab_tab .cur{
background-color: #4169ff;
color: #fff;
}
.mrmr2 {
width: 1440px;
float: left;
position: relative;
margin-top: 10px;
display: none;
}
.mr_BtnL2 {
background: url(../images/left.png) no-repeat center center #eeeeeec7;
width: 25px;
height: 52px;
cursor: pointer;
display: inline;
position: absolute;
top: 35%;
left: -45px;
z-index: 9;
}
.mr_BtnL2:hover {
background: url(../images/left.png)no-repeat center center #4169ff;
}
.mr_mr2 {
float: left;
width: 1440px;
overflow: hidden;
/* height: 178px; */
}
.mr_BtnR2 {
background: url(../images/right.png) no-repeat center center #eeeeeec7;
width: 25px;
height: 52px;
cursor: pointer;
position: absolute;
top: 35%;
right: -45px;
z-index: 9;
}
.mr_BtnR2:hover {
background: url(../images/right.png)no-repeat center center #4169ff;
}
.mr_mr2 ul li {
float: left;
width: 283px;
/* height: 178px; */
margin-right: 10px;
position: relative;
overflow: hidden;
}
.mr_mr2 ul li img {
/*width: 285px;*/
/* height: 178px; */
float: left;
}
.mr_mr2 ul li div.cutit{
line-height: 3;
text-align: center;
font-size: 16px;
color: #000;
}
.mr_mr2 ul li p {
background: url(../images/xc01.png) no-repeat center center;
width: 285px;
height: 178px;
position: absolute;
top: 178px;
left: 0;
}
.mr_mr2 ul li:hover p {
top: 0;
}
@media screen and (max-width: 1540px){
.gsft{
width: 570px;
}
.gsft p{
width: 480px;
}
.gsrt{
width: 630px;
}
.yz dt{
width: 766px;
}
.yz dd {
height: 513px;
}
}
/*case*/
@media screen and (min-width: 300px) and (max-width: 768px){
.mobile {
display: block;
}
.pc {
display: none;
}
.contactus .item {
width: 49%;
margin-right: 2% !important;
padding: 17px;
height: 180px;
}
.contactus .item:nth-child(2n) {
margin-right: 0 !important;
}
.contactus .item.wechat {
display: none;
}
.contactus .wechat .wechat_img {
display: none;
}
.contactus .wechat p {
display: none;
}
.contactus .wechat .wxcode {
position: relative;
top: 0;
right: 0;
}
.contactus .item img {
height: 35px;
}
}